...

/

CSS Grid Challenge

CSS Grid Challenge

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

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:

Access this course and 1400+ top-rated courses and projects.