@houssamedev
Posted
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!