CSS Grid Challenge

Evaluate yourself by solving the given challenge on the CSS grid properties.

We'll cover the following

Challenge: Responsive mini-website

Create a mini-website that, when hovering over the navigation bar items, changes background colors. The HTML structure is already given in the widget. You will need to write the code in the CSS tab. The height of the output window is 500 pixels and the colors used are:

  • #ddd
  • #444

Use #999 for borders.

Use the CSS grid properties in the given challenge so that your output looks like this:

Level up your interview prep. Join Educative to access 70+ hands-on prep courses.