Yesterday, I wrote about CSS Grid. Ted Mazer responded by asking on Twitter: “As a beginning front end developer, is it going to be beneficial to jump right into becoming proficient at this layout style?”I replied to him on Twitter, (spoiler alert: “yes”), but I have a better answer that’s longer than 140 characters… so, time for a quick morning blog post.
Explore new possibilities in web design with CSS Grid and Firefox’s Grid Inspector tool
A simple example implementation of a Bootstap like grid layout.
Not complete or responsive, just an example!
CSS Grid layout has been designed to provide a two-dimensional layout method for CSS, with the ability to lay out items in rows and columns. A CSS grid can be used to achieve many different layouts. It excels at dividing a page into major regions, or defining the relationship in terms of size, position, and layer, between parts of a control built from HTML primitives.
Quelle: CSS Grid Layout – CSS | MDN
bootstrap-grid-only – Bootstrap’s grid and responsive utility classes only, without any extras. Lightweight yet still powerful. Style to taste. Works with LessPHP.