Skip to content

This is a responsive implementation of the classic Holy Grail Layout, a popular web design pattern featuring a header, footer, and three columns: a main content area flanked by two sidebars. This project showcases practical front-end skills in layout design and responsiveness.

Notifications You must be signed in to change notification settings

55Pranjal/Holy-Grail

Repository files navigation

Project Overview

In this video tutorial, you will build the Holy Grail CSS Layout using CSS Grid.

You can see the final version here.

You can see the solution to this challenge on the Github Pages branch of this repository.

This is part of my #fullstackroadmap series, which will take you from a complete beginner (no coding experience) to deploying your first full-stack E-Commerce app with ReactJS.

Instructions

To build this, you will need two things:

  • YouTube Video (coming soon) - I suggest watching this video at least until you complete the layout of this design.
  • Style Guide - Here, you will find fonts, colors, and other style resources to assist you while building.

About

This is a responsive implementation of the classic Holy Grail Layout, a popular web design pattern featuring a header, footer, and three columns: a main content area flanked by two sidebars. This project showcases practical front-end skills in layout design and responsiveness.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published