CSS Flexbox Challenge

Evaluate yourself by solving the given challenge based on the flexbox.

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 colors used are:

  • #ddd
  • #444

Use #666 for borders. The font family used in this challenge is Helvetica Neue.

Use the flexbox 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.