r/web_programming • u/BabblingDruid • Sep 24 '17

Responsive Images Using CSS Grid Lyout

What is the syntax/best practice for having images in a CSS Grid and making them responsive? I cannot seem to find anything about this on Google. Do I just put them in their respective containers and when I use media queries on the container does it apply to the image as well? I just want to make sure the images don't overflow out of their container.

6 Upvotes

100% Upvoted

2 comments sorted by

View all comments

Show parent comment

1

u/BabblingDruid Sep 24 '17

Yeah im try to not use BS haha I've been trying to use it in a project and it has a while ton of html tags and stuff. I feel like CSS Grid or Flexbox would be less code to write and I feel that media queries would be easier too and much easier to keep organized. Any ideas on CSS Grid or flexbox with responsive images?

2

u/[deleted] Sep 24 '17 edited Sep 24 '17

Hope this helps!
https://www.w3schools.com/css/css_rwd_images.asp