@TedJenkler
Posted
Hi @R3Aria,
Nice project! It looks great overall. I noticed that you’re having some difficulties with the mobile layout.
The reason you’re having trouble is that "it’s like trying to build a tower by starting on the 100th floor instead of the ground up." Always start with a mobile-first approach and watch how the site becomes responsive more naturally as you scale up.
Here are a few best practices that might help:
Use Chrome DevTools: It’s crucial for testing your design across various screen sizes. Design for mobile first, then scale up using rem or % values. Avoid setting fixed widths and heights; instead, use max-width or min-width to ensure your design is responsive.
Responsive Design: Typically, you don’t need to set fixed heights. Instead, use margin and padding to achieve a responsive layout.
I recommend checking out Kevin Powell on YouTube—he’s excellent for learning CSS and will help you become a master in no time.
I hope this feedback helps!
Best, Teodor
Marked as helpful
@R3Aria
Posted
@TedJenkler Thanks for the advice, I'll try to implement it in the next set of challenges I do.