@davidFreelance19
Posted
Hello developer! Congratulations on completing this challenge. I have seen your code and bring you some tips and improvements on your code! (Only for desktop layout)
body {
display: flex;
align-items: center;
height: 100vh;
}
.container{
width: 100%;
}
.starts{
padding: 0;
display: flex;
flex-direction: column;
width: 100%;
}
.starts-units{
display: flex;
align-items: center;
justify-content: space-around;
align-items: center;
margin-left:0
}
.extension-1{
align-self: center;
}
.extension-2{
align-self: end;
}
I recommend you study the display flex themes a little more, we can't always use margin or padding to be able to replicate a design. Also this will help you to have a cleaner and easier to maintain code. I hope my suggestions help you, take care!
David Rodriguez
Marked as helpful