This CSS Grid Will Create the Holy Grail of Designs

In an online CSS programming community, a person shared a link to the CSS Tricks website. The article they linked to discusses the Holy Grail layout with CSS Grid as the basis of building it. By Holy Grail, they mean a header across the top, a footer across the bottom, consistent column heights for the aside and the combination of the navigation and the article. Apparently in the old days, getting the alignment right was next to impossible. These days, it's easier. However, flex box isn't the right CSS tool for it. The author of the article argues that CSS Grid is the better solution.

One person added a simple comment that CSS Grid rules. Another person said that this will take their control+c and control+v skills to the next level. One person said that the original poster and other interested parties should take a look at some other cool options by Una Kravets, which are listed at a site called 1LineLayouts.

A commentator said they stopped using Bootstrap after they discovered CSS Grid. Another person added they had the same problem. They have helper classes for Flex and Grid and take what they learn from one project tot he next. An individual said that in 1997 when they learned HTML, they remembered not being able to create the Holy Grail of websites. It put them off web development for about 15 years. A person replied to that commentator and said that in 1997, it had to be done with tables, frame sets and one-pixel spacer images. All of that took a long time.

A few people left simple notes that the Holy Grail design with CSS grid was cool. One person noted that they need to solidify their CSS Grid skills. They said they still use Flex Box for almost everything, even though they know that CSS Grid can do it all more efficiently. One person thanked the original poster for sharing the link and said that they were working on learning Grid Box. A couple of other people also added notes about their appreciation of CSS Flex Box. For more information click here https://css-tricks.com/the-holy-grail-layout-with-css-grid/.