DEV Community ðŸ‘Đ‍ðŸ’ŧðŸ‘Ļ‍ðŸ’ŧ

Maya
Maya

Posted on

CSS help

I have a bit of a tricky CSS problem and I am not sure what is the best way to go. I need to reproduce the page in the attachment both in a desktop and mobile version. I decided to use CSS grid but I am not sure what is the best way to achieve the offset column design. I thought about giving classes to certain images and offsetting them with translate(Y) but in the mobile version the images that need to be offset change.
https://dev-to-uploads.s3.amazonaws.com/i/16kb3gefay8yjuilt7uv.png

Top comments (1)

Collapse
tuliocalil profile image
Tulio Calil

you can use media query on css to have diferente values and props on your css.
take a look here.
this way you can set margin or translate for each resolution.
on bootstrap documentation have some common breakpoints that you can use too.

🌚 Life is too short to browse without dark mode