@TedJenkler
Posted
Hi @outHereSam,
If you want to achieve a responsive design that looks as close to your intended layout as possible, you should replace fixed widths with min-width and adopt a mobile-first approach. Use media queries along with flexbox or grid to adjust the design for desktop views.
Here are some best practices for responsive design:
Avoid Using Pixels: Instead of pixels, use rem for fixed widths by calculating a px-to-rem ratio.
Use min-width, max-width, or %: These properties help create a fully responsive site.
For height, avoid setting fixed values when possible—use margin and padding instead.
I hope this feedback was helpful
Best, Teodor
Marked as helpful