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


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.

Top comments (1)

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