DEV Community

Khoi
Khoi

Posted on

Let's learn about Flexbox

#webdev #css #flexbox

What is flexbox?

Flexbox is a relatively new way of manipulating elements in CSS, and its debut was revolutionary.

How to create a box and using flexbox:

You can look at the code below
Image description
Then it will display on your screen like this (There are some note for you to know what we code will look like):
Image description

I found this man on DEV Community show us a picture of some examples about how flexbox work:

Image description

Source: https://dev.to/arafat4693/flexbox-justify-content-visual-representation-4c22

Top comments (0)

Read next

uliyahoo profile image

Build a spreadsheet app with an AI-copilot (Next.js, gpt4, LangChain, & CopilotKit)

uliyahoo -

sanskritiharmukh profile image

Bypass CORS errors while testing your APIs using Hoppscotch 🔧

Sanskriti Harmukh -

prakirth profile image

Document Object Model (DOM) : One Byte Explainer

Prakirth Govardhanam -

pixelgig profile image

Learning Cyber Security Day 4 - Integrating Encryption in Your Code🔐

Gaurav Chaudhary -