Archived topic
Use image istead of SVG icon
1 reply · Started by Rostyslav on July 12, 2022
Hello,
I would like to dislay an image (.png) in the left side of the text using generateblocks, like it works with SVG icons. (https://ibb.co/TgZTBNk)
What Css should I use for that?
Hi there,
i would probably use a Grid Block to do that, with a GB Image Block in the left column and the headline in the right column.
Then the column with the image in, set its flex options to:
Flex Grow: 0
Flex Shrink: 0
Flex Basis: 80px <-- adjust this to suit
Then in the column with the text set its flex options to:
Flex Grow: 1
Flex Shrink: 1
Flex Basis: auto <-- leave as default