Help with CSS Styling


#1

Not sure what I am doing wrong here since I'm not sure where to add in the styling. Please help!

<!DOCTYPE html>
<html>
  <head>
    <link href="main.css" rel="stylesheet">
  </head>
  
  <body>
    <div class="nav">
 .nav a {
  color: #5a5a5a;
  font-size: 11px;
  font-weight: bold;
  padding-bottom: 14px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 14px;
  text-transform: uppercase;
  }
  </div>
      <div class="container">
        <ul>
          <li><a href="#">Airbnb logo</a></li>

HTML&CSS: part1 i'm stuck in this exercise the code is correct but it keeps telling me wrong afyter i even used the automatic answer "get code". please help
#2

Hi @onceannasaid,

This will help explain the problem that you are having.


#3

Hi,

Thanks so much! It was definitely one of those things I was wondering why I didn't see it before....

Now that I'm there, I'm still getting the same "oops, change font size to bold" when I have it in there. Also, my colors are off from the example. Any ideas?

.nav a {
    color: #5a5a5a;
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 14px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 14px;
    text-transform: uppercase;
}

#4

Don't worry about the colors matching the example. The examples were created with a different syntax highlighting config that the exercise uses. Here are the colors that you should see in the editor:

Your code is perfect and it works for me when I copy/paste it. You can try one of these at a time and see if any help:

  • reload/refresh your browser
  • use the Reset Code button and then reenter your code
  • try a different browser, if you can.

#5

Thanks @albionsrefuge, that worked perfectly! You were super helpful!