Variable Visions

Articles CSS Responsive-Images

tutorials - CSS and Web-Development.

Responsive Images

Published Tue. Sep. 18, 2012

Put max-width: 100%; and height: auto; on any or all img tags to make them take 100% of their parent container. Put the rule in a media query to activate only on smaller screen sizes...but watch out if you place it in a 959 or 767 media query and the parent containers are 100% wide...the images will be huge and pixelated if the quality is not there. It's more about the size of the container and that the image will fill it up.


PUBLISHED ON 03.3.20arrowWordpress and Woocommerce widget for inserting PHP in Elementor

PUBLISHED ON 09.5.19arrowWordpress and Woocommerce redirect to a product page from categories with a single product