Add README.md
This commit is contained in:
29
README.md
Normal file
29
README.md
Normal file
@@ -0,0 +1,29 @@
|
|||||||
|
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.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
Reference in New Issue
Block a user