<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[Resizing container div]]></title><description><![CDATA[<p dir="auto">I am creating a picture frame module which changes between different layouts (displaying one, two or four pictures at a time). To get the correct size of the pictures I am using the object-fit property which relies on the container to have a set width.</p>
<p dir="auto">The “region fullscreen above” has the correct width and height set but the div ‘containers’ expand depending on the content. Once the container div has the correct size the dimensions can be propagated down with easy css. Since there is no parent selector in css how can I access and set the dimensions correctly.</p>
<p dir="auto"><img src="http://fs5.directupload.net/images/170203/e9om6ymb.png" alt="div which needs o be resized" class=" img-fluid img-markdown" /></p>
<p dir="auto">I am aware that I can do this using javascript. I just want to know if there is a possibility using traditional css.</p>
]]></description><link>https://forum.magicmirror.builders/topic/1637/resizing-container-div</link><generator>RSS for Node</generator><lastBuildDate>Fri, 17 Apr 2026 00:11:30 GMT</lastBuildDate><atom:link href="https://forum.magicmirror.builders/topic/1637.rss" rel="self" type="application/rss+xml"/><pubDate>Fri, 03 Feb 2017 15:37:24 GMT</pubDate><ttl>60</ttl></channel></rss>