ARTICLE DEVELOPMENT. MODULAR CSS GRID LAYOUT SECTIONS

Author:

  • Brian Haferkamp
  • April 16, 2019

Made with:

  • HTML (Pug) / CSS (Sass)

About the code:

This is an amazing project concept to create modular HTML and CSS code that could be used to create sophisticated, responsive, magazine-style website designs. Each section includes its own modular code that can be plugged into any website and customized; the general styles of the module remain the same. The modules are created with CSS Grid and some newer properties (e.g., position: sticky). No JS has been used to create these layouts.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: Yes

Dependencies:

Download Demo and Code