@Dudeldups
Posted
Hello 👋
I have some tips for you:
-
You should always check your solutions for all screen sizes. There is a major flaw with your body element, since you declare a
max-width
on it, your page has a horizontal scroll bar. -
There's no need to remove the mobile image after 375px. The mobile view can easily go beyond 500px (especially in this challenge, because the "desktop view" is quite wide
-
The way you wrote your CSS is not a mobile-first approach. You're better off declaring all the mobile CSS rules and then use for example a media query to adjust the site for larger screens. This way, you can just "add" rules for larger screens but you have a base design that you can build on.
Hope this helps, happy coding 👾
Marked as helpful