Flexible, Full-Width, Justified Text Blocks

See the Pen Flexible, Full-Width, Justified Text Blocks by reubenlillie (@reubenlillie) on CodePen.

Flexible, Full-Width, Justified Text Blocks

Description: Thanks to CSS Flexbox and JavaScript, this example stretches each line of a block quote the full width of its container and resizes the font accordingly. CSS Grid allows for placing end-of-line punctuation next to lines without interrupting the visual quadrangle made by the letters.

Browsers: Chrome Edge Firefox Opera Safari

Made with: HTML CSS JS

Responsive:Yes

Posted: 25.04.2019

Similar Examples