DEV Community

Cover image for CSS Styling Tricks: Flexbox
Michellebuchiokonicha
Michellebuchiokonicha

Posted on • Edited 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.

The Most Contextual AI Development Assistant

Pieces.app image

Our centralized storage agent works on-device, unifying various developer tools to proactively capture and enrich useful materials, streamline collaboration, and solve complex problems through a contextual understanding of your unique workflow.

👥 Ideal for solo developers, teams, and cross-company projects

Learn more