Flexbox Cant Center Elements

1

hello so I am trying to do the 3rd rwd challange and I am stuck

my problem is I cant center an item in flexbox

Codepen link to the project: https://codepen.io/clickers331/pen/JjdOVGr

2

You are not using flexbox because you never set the display (display: flex).

BTW, I would not suggest using the body as a main flex container.

3

this what css should like : and put the image and h1 in div with class=“nav”
CSS
html{

background: linear-gradient(90deg,

  rgba(0,218,142,1) 0%,

  rgba(0,203,170,1) 50%, 

  rgba(0,218,142,1) 100%

  );



font-family: 'Spartan', sans-serif;

}

.nav{

display:flex;

background-color: blue;

margin: auto;

width: 50vw;

}

h1{

color:white;

}

4

Hello first of all thanks for answering

I have set the display to flex at html tag

5

flex-box we sould give it just to the divs bro not the whole html document