DEV Community

Cover image for CSS Styling Tricks: Flexbox
Michellebuchiokonicha
Michellebuchiokonicha

Posted on • Updated on

CSS Styling Tricks: Flexbox

Flexbox is used to build amazing layouts for your application without adding frameworks.
With flexbox, responsiveness can be done in minutes and general alignment can be done quickly.

First, you need to understand the layout of your application. Use display: flex, flex: 1, gap instead of padding-left or padding-right.
Also use margin: auto more as it saves you the stress of adjusting.

Css is so wide that almost every style can be substituted with another.

My Twitter Handle: https://twitter.com/mchelleOkonicha

My LinkedIn Handle: https://www.linkedin.com/in/buchi-michelle-okonicha-0a3b2b194/

Top comments (5)

Collapse
 
michellebuchiokonicha profile image
Michellebuchiokonicha

Kindly drop questions and suggestions. Also follow me here

Collapse
 
james_palermo_bc208e463e4 profile image
James Palermo

article.Title {
text-transform: capitalize;
}

Collapse
 
michellebuchiokonicha profile image
Michellebuchiokonicha

I don't get this. can you explain

Collapse
 
james_palermo_bc208e463e4 profile image
James Palermo

Avoid using caps lock for your article titles.

Thread Thread
 
michellebuchiokonicha profile image
Michellebuchiokonicha

Okay.
Thank you James, I appreciate this.