6:["$","div",null,{"className":"container-lg mt-3","style":{"height":"auto!important"},"children":["$","div",null,{"className":"row","style":{"height":"auto!important"},"children":[["$","div",null,{"className":"col-12 col-md-7 col-lg-8 col-xl-8 mb-3 m-0","style":{"height":"auto!important"},"children":["$","article",null,{"className":"blog-post","style":{"height":"auto!important"},"children":[["$","h1",null,{"dir":"auto","className":"blog-post-title h4 mt-2","children":[" ","Water.css"]}],["$","img",null,{"className":"rounded","loading":"eager","title":"Water.css","src":"https://api.facepy.com/null","width":"100%","height":"auto","alt":"Water.css"}],["$","p",null,{"dir":"auto","className":"text-left h6 text-muted fw-bold mt-2","children":[" ","At ","3/31/2024"," "]}],["$","div",null,{"dangerouslySetInnerHTML":{"__html":"

It’s notable that Water.css was the #1 clicked thing from Louis Lazaris’ Web Tools Weekly in 2019. It’s from a 13-year old developer named Felix!

It’s just a little bit of CSS you apply to class-free semantic HTML to give it nice basic responsive styles — the perfect kind of thing for a Pen when you are just tossing some markup together and want it to look nice.

"}}]]}]}],["$","div",null,{"className":"col-12 col-md-5 col-lg-4 col-xl-4 position-relative mb-3","style":{"height":"auto!important"},"children":"$L17"}]]}]}]