Solution retrospective
What are you most proud of, and what would you do differently next time?
I'm happy that I learned new things like table ul, li
What challenges did you encounter, and how did you overcome them?The biggest problem was main positioning. At first everything was good but after some time div was "escaping" to the top and It was dissapearing into search bar. I had to change almost all of main CSS layouts to change it.
Code
Please log in to post a comment
Log in with GitHubCommunity feedback
- @StergiosHariop
Hello!
- You should set margin to 0 on body, when the width and height are set to mobile, as the design indicates. You can use @media queries to achieve that: https://www.w3schools.com/css/css3_mediaqueries.asp
- You should try end get more familiar with how Flexbox works, to make your life easier with CSS (as you mentioned for the challenges faced). This is a great start to know more : https://css-tricks.com/snippets/css/a-guide-to-flexbox/.
Good job overall :)
Marked as helpful - @AngieLi98
A tip in CSS is that at the beginning it is a * between {} place * {margin: 0; padding: 0; box-sizing: border-box; } this will remove the parameters that you have predetermined and only the elements that you determine remain and without these they are mixed
Join 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