I have included everything yet its not passing me

Tell us what’s happening:
The console is telling me that I need to use CSS flexbox when I already have in ‘styles.css’

Your code so far

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.


*This is where I have used flexbox, nothing else is relevant*

.nav-words {
  margin: 5px;
  display: flex;
  flex-direction: row;

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4951.67 Safari/537.36

Challenge: Build a Product Landing Page

Link to the challenge:

Ending curly bracket is missing

.nav-words {
  margin: 5px;
  display: flex;
  flex-direction: row;
} /* <-- This one */

And could you please tell me on which element are you applying flex-box

Sorry, just didnt add the curly bracket in the code here - it did have the closing bracket in the code :slight_smile:

Below is the container I am applying the flex box to:

<div class="nav-words">

<ul>

  <a class="nav-link" href="#shop">Shop</a>

  <a class="nav-link" href="#trending">Trending</a>

  <a class="nav-link" href="#contact-us">Contact Us</a>

</ul>

</div>

</nav>