Trying to create a course overview using Flexbox and running into responsive issues. I’ve been using large margins to get the div to go left. Overall this is just responsive at all. I maybe deleted this and started over 4 times already. I’ve tried columns, flex, and grid and still get it to properly align on desktop and mobile is a complete mess. Right now, I am back to using Grid.
I am looking for suggestions or someone to see if I have something set wrong. Figma image of what I am trying to accomplish.
The page: Courses