Scribd
Upload
3 views1 page

Untitled Document

The document outlines a Day 2 task focused on learning CSS basics and layouts, aiming to enhance webpage styling skills. Key topics include CSS selectors, the box model, Flexbox, and Grid layouts, with exercises for styling a personal profile page and creating layouts. Requirements emphasize organized CSS, proper Flexbox usage, and responsive design principles.

Uploaded by

kingderick554
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
3 views1 page

Untitled Document

The document outlines a Day 2 task focused on learning CSS basics and layouts, aiming to enhance webpage styling skills. Key topics include CSS selectors, the box model, Flexbox, and Grid layouts, with exercises for styling a personal profile page and creating layouts. Requirements emphasize organized CSS, proper Flexbox usage, and responsive design principles.

Uploaded by

kingderick554
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 1

🟢 Task for Day 2 (Tuesday) – CSS Basics & Layouts

🎯 Goal: Learn how to style a webpage using CSS.


● Explanation:
CSS (Cascading Style Sheets) controls the appearance of
web pages. It allows us to apply colors, change fonts, adjust
layouts, and create visually appealing designs.Students will
style the webpage they built on Day 1.
● Lesson Topics:
1. CSS Selectors (class, id)
2. Box Model (Margin, Padding, Border)
3. Flexbox and Grid Layouts
4. Styling text, images, and forms
5. (incase we still have time) handle the concept of media
queries and page responsiveness.
● Exercises:
1. Style the personal profile page created on day 1
(change fonts, colors, and backgrounds) (30 min).
2. Use Flexbox to create a two-column layout (bio on the
left, image on the right) (1 hour).
3. Style the navigation menu and contact form (buttons,
hover effects, spacing) (1 hour).
4. Create a nice and beautiful basic hero section for a
portfolio website using only html and css.(1hour)

✅ Requirements:
✔ Organized, readable CSS
✔ Proper use of Flexbox for layout
✔ Responsive design principles applied

You might also like