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
For further actions, you may consider blocking this person and/or reporting abuse
Top comments (1)
you can use
media queryon 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.