Streaming live at 10am (PST)

How to do blocks size definition that works across medias sizes


I wonder if someone could help me on how to define the Block height in such it is not dependent on the text area (or variable size content) and the same time adaptive across different media sizes?

Thank you.

Hi @asabbaghi the only way to do that using CSS is to set a height on the blocks. Then on different media queries you will have to change the size again to fit the text. When it goes down to Phone media queries, I’d suggest having the height be “auto” so it will be fluid with the text.

Thanks for explaining this. I understand setting fixed dimensions vs. leaving them auto most often screws up the responsive behavior which learnt to avoid as much possible,