React Layouts

Holy Grail

As per Wikipedia

The holy grail refers to a web page layout which has multiple, equal height columns that are defined with style sheets. It is commonly desired and implemented, but for many years, the various ways in which it could be implemented with the current technologies all had drawbacks. Because of this, finding an optimal implementation was likened to searching for the elusive Holy Grail.

Header
Main Content
Nav
Ads
Footer
Next:
Sidebar