Image Gets Squooshed in Container

[ad_1]

Hi there,

You can try adjusting the size of the container that wraps the image block to 256px.

Hi Alvind,

It would work except that the grid containers are split into 65% and 35% (for the image).

Hi there,

don’t use a Grid Block. Instead build a Flex Row. The layout would be like so:

Container Block #1
---- Container Block #2 for the text
---- Container Block #3 for the image

Container Block #1
Set the Layout > Display to Flex, and the Flex Wrap to Wrap

Container Block #2
Set the Layout > Flex Child -> Flex Grow to 1

Container Block #3
Set the Layout > Flex Child -> Grow to 0 Shrink to 0 and Basis to 256px

Thank you, David. Perfect. This feels like finding gold or something. Awesome feature 🙂