CSS CSS Flexbox Layout Understanding Flexbox Flex Container Challenge

I'm stuck i need help

what am i doing wrong I'm stuck trying to make a flex 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 */

I meant to add this as an answer, not a comment! See answer below. h/t to Steven Parker

1 Answer

The challenge states to target "main-nav" and make it a flex container. So in your CSS, you'd target:

.main-nav { /* your code goes here */ }

And to make a flex container, you just need to set the display attribute to "flex".

Hope this helps!