CSS CSS Flexbox Layout Understanding Flexbox Flex Container Challenge

The first step to using flexbox is creating a flex container. Target .main-nav and make it a flex container.

this was the question asked ?

<!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">
      <div class="conatiner">
      <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 */

3 Answers

Thanks Mr. Dale Severude

Steven Parker
Steven Parker
203,137 Points

Assuming you want a hint, and not an outright spoiler:

:point_right: The CSS property that identifies a flex container is display: flex;

.main-nav { display: flex; }