Survey Form Project Feedback/help

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…