CSS CSS Flexbox Layout Understanding Flexbox Flex Container Challenge

how can i write a main-nav in a container ?


<!DOCTYPE html>
    <title>Flexbox Layout</title>
    <link href='https://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="page.css">
    <link rel="stylesheet" href="style.css">
      <ul class="main-nav">
        <li class="name"><a href="#">My Site</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Work</a></li>
        <li><a href="#">Contact</a></li>
/* Complete the challenge by writing CSS below */
.container {

1 Answer

Garret Witzenburg
Garret Witzenburg
Front End Web Development Techdegree Student 6,161 Points

In the challenge you need to target the main-nav class (.main-nav), and put it in a flex container. The correct answer would be to put:

.main-nav {
  display: flex;

in your css file.

Austin Whipple
Austin Whipple
Treehouse Moderator 27,457 Points

Formatted your CSS! Be sure to check out the Markdown Cheatsheet for handy formatting tips.