DEV Community

Chris Jarvis
Chris Jarvis

Posted on

15 Days of CSS Challenge

Jen Kramer and Erika Lee who brought us 30 Days of HTML just posted 15 Days of CSS. These will be short daily CSS lessons.

Today's challenge was semantic HTML of a Nav bar. We need to build a Nav bar so we can later use CSS. Use the link to check out the blog, I won't copy their content here just share the link and show what I did. I also won't blog on it daily. Maybe at the end of the week when there's more to see. Today we learned about using a list to make links into a navigation bar.

What I did

<h1>
<a href="https://informatics.indiana.edu/index.html">IU Luddy School of Informatics, Computing, and Engineering Department of Informatics</a>
</h1>

<nav>
  <ul>
    <li><a href="
      https://informatics.indiana.edu/about/index.html">About</a></li>
    <li><a href="https://informatics.indiana.edu/apply/index.html">How to Apply</a></li>
    <li><a href="https://informatics.indiana.edu/programs/index.html">Programs</a></li>
    <li><a href="https://informatics.indiana.edu/courses/index.html">Courses</a></li>

    <li><a href="https://informatics.indiana.edu/career-prep/index.html">Career Prep</a></li>
    <li><a href="https://informatics.indiana.edu/research/index.html">Research</a></li>

    <li><a href="https://informatics.indiana.edu/faculty-directory/index.html">Faculty Directory</a></li>
    <li><a href="https://informatics.indiana.edu/contact/index.html">Contact</A></li>
  </ul>
</nav>  
Enter fullscreen mode Exit fullscreen mode

Join the challenge at 15 Days of CSS. Use Codepen to do the exercises then share the results and see what other developers are doing.

The HTML Challenge was fun and had some things I didn't know. They have released it as an eBook.

Discussion (0)