Design comparison
Solution retrospective
Nothing.
What challenges did you encounter, and how did you overcome them?Nothing
What specific areas of your project would you like help with?Nothing
Community feedback
- @houssamedevPosted 9 months ago
Hello there 👋. Good job on completing the challenge ! I have some suggestions about your code that might interest you.
.Use min-height instead of height for flexibility across devices and screen orientations. Fixed heights may cause issues, especially on mobile devices in landscape mode, try checking your solution on a mobile device in landscape mode, and you'll notice how the component height is constrained, and the background might not apply correctly.
.Consider using max-width instead of width for your component's width. This way, it will resize when the screen is smaller.
.In larger projects, adopting a mobile-first approach when working with media queries can be beneficial.
I hope you find it useful! 😄
Happy coding!
0
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