Help me to use the flex-box

https://codepen.io/nety97/pen/VRQJya

HI i want to make the links to be 2 and 2 in the page, what should i used position grid and the jsutify- content???

What are the links that you want to adjust? Are you talking about the menu?

i want to move my projects, is in those are my projects, the css is .project

If I understand correctly you would like your projects in 2 rows with flexbox?
if it is the case you can aways use this on your projects-container
.projects-container{
display:flex;
flex-direction:row;
justify-content:center;
}

alredy tried and dint work, i dont know what to do

look at your project container you have a missing letter in tour name
this what your have prjects-container
their is a o missing

replace all your css with this

body{
  margin: 0;
}
nav{
  width: 100vw;
  position: fixed;
  left: 0px;
  background-color: yellow;
  top: 0px;
  height: 70px;
    }
nav li{
  display: inline;
  margin: 30px;
  font-size: 25px;
  left: 
}
a{
  text-decoration: none;
  color: green;
}
h1{
  color: purple;
}
.bienvenida{
  height: 100vh;
  width: 100%;
  background-color: lightblue;
  display: flex;
  justify-content: center;
  align-items: center; 
}
.bienvenida p{
  text-align: center;
}

.trabajos h2{
  color: purple;
 text-align:center;
  
  font-size: 30px;
}
.trabajos a{
  text-decoration: none;
  color: purple;
  font-size: 25px;
  
}


.img-projects{
  width: 460px;
  border-radius: 10px;
  
}
.projects-container{
  display:flex;
  flex-direction:row;
  justify-content:center;
 
}
#projects h2{
 
}

.project{

 
}

You have a mismatch. In HTML you have;
<div class="projects-container">
but in CSS you have it as;
.project-container

Oh those typos…

but put all the images in a line, i want 2 columns, all of them with 2 image(links)