CSSGrid
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 rather than nested boxes or floats.
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…
How Does CSS Grid grid-template-areas Work?
`grid-template-areas` lets you name regions of a CSS Grid layout as a visual ASCII-art string on the container, then assign each child to one of those named re…