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???
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)