I finished this awhile ago and it passed the test but I messed up somewhere in the CSS and I can’t get things centered the way that I want. I know it looks bad, I’m just not sure where I messed up.
https://codepen.io/ohmahgaa/pen/XwNKKq
Any advice/tips as to where I went wrong?
Okay, I don’t know How you want them aligned. Please tell me what you want so I can help you. and also, please change the color of the text or the background. it is really hard to see the text.
I wanted the checkboxs to be in a straight line down the middle
If you want them down the middle:
.checkboxs {
position: relative;
/* left: -30px; */ (removed)
margin-left: 10px;
display: block;
padding-bottom: 15px;
text-align: left; (added)
width: 100px; (added)
}
#preferences {
list-style: none;
display: flex; (added)
flex-flow: column; (added)
align-items: center; (added)
}
2 Likes
Awesome, thanks. I really suck at CSS…