Flexbox
Flexbox (the CSS Flexible Box Layout) is a one-dimensional layout model in CSS that distributes space and aligns items along a single row or column, making it easy to build flexible, responsive component-level layouts.
9 resources across 3 libraries
Glossary Terms(6)
HTML5
HTML5 is the fifth and current major revision of HTML (HyperText Markup Language), the standard markup language for structuring content on the web, adding nati…
CSS3
CSS3 is the current generation of Cascading Style Sheets, the language used to style and lay out web pages, extending earlier CSS with modules for animations,…
CSS Grid
CSS Grid is a two-dimensional layout system in CSS that lets developers arrange content into rows and columns simultaneously, using a defined grid template rat…
Flexbox
Flexbox (the CSS Flexible Box Layout) is a one-dimensional layout model in CSS that distributes space and aligns items along a single row or column, making it…
Responsive Web Design
Responsive web design is an approach to building web pages so their layout, images, and content adapt automatically to different screen sizes and devices, typi…
Firefox Developer Tools
Firefox Developer Tools is the built-in suite of web debugging and inspection tools in the Firefox browser, offering DOM, CSS, JavaScript, network, and accessi…
Study Notes(1)
Interview Questions(2)
CSS Flexbox vs Grid: What Is the Difference?
Flexbox is a one-dimensional layout system for arranging items along a single row or column with flexible sizing, while CSS Grid is a two-dimensional system th…
What Do justify-content, align-items, and align-self Do in Flexbox?
`justify-content` aligns flex items along the main axis (the flex-direction), `align-items` aligns items along the cross axis for the whole container, and `ali…