Design comparison
Solution retrospective
I learned a lot programming this one. First I struggled with the background. I managed to get two background pictures in my body but to position them the right way took a lot of effort and help from my son. After that it went wel and I finished the rest farely quick. It looked the way I wanted for the big screen. Adding the @media queries it went wrong. I had a lot of overflow and none of the boxes fitted the screen and the text wouldn't center the screen. Finaly chatGPT gave the answer. I had to add a box-sizing: border-box to my stylesheet for the entire page. After that it all worked on the smaller screen. My text is centered, the boxes will size with the width of the screen and no more overflow. So big lesson learnt on this one! On to the next.
Community feedback
Please log in to post a comment
Log in with GitHubJoin our Discord community
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