30 lines
591 B
Markdown
30 lines
591 B
Markdown
Day 4 - CSS Flexbox
|
|
|
|
Introduction
|
|
|
|
Today I learned Flexbox, a powerful CSS layout system used to design responsive and well-structured web layouts.
|
|
|
|
Concepts Covered
|
|
|
|
* Flexbox basics
|
|
* display: flex
|
|
* justify-content and align-items
|
|
* Creating layouts using containers
|
|
|
|
Practical Task
|
|
|
|
I improved my profile webpage by converting it into a card layout using Flexbox.
|
|
|
|
Features Added
|
|
|
|
* Centered layout using Flexbox
|
|
* Card-based UI design
|
|
* Shadow and spacing improvements
|
|
|
|
Outcome
|
|
|
|
I learned how to align and structure elements using Flexbox, which is essential for modern web design.
|
|
|
|
|
|
|