Not gonna lie, this one took me longer than the other newbie challenges I've tried. I would appreciate some feedback or answering of some of my questions here.
First things first, prettier kept telling me my HTML had an error and it couldn't format properly. The code ran just fine and I could not locate it. Within the HTML I've left some comments so you can locate it. It specified line 34 was not being closed properly but it was? Idk. This one was bugging me.
Secondly, the button has a gray-ish border even though I set box shadow to none and border to match the white background. Not sure why this keeps happening on my button elements. Maybe it's the element itself doing it.
Lastly, figuring out the spacing and all the flex properties was a big game of ping pong. Constant back and forth adjusting things. Maybe I did something to make my workflow tougher and I'd appreciate some feedback on cleaning up my flex.
Overall I'm glad I was able to complete this when just a week ago I had no idea how I would even start.
Thanks for any feedback!
<div>s aren't allowed inside <p> tags. Prettier complains about this because it thinks you want to omit the end tag (which is allowed in some situations), but then it gets confused when it later finds those </p> tags.
The border comes from the user agent's border-style, so you'd have to reset that one, or set the border-color: transparent!
Marked as helpful
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord
