Pure.CSS Images

by Online Tutorials Library July 14, 2022

Pure.CSS Image

In Pure.CSS, you can use “pure-image” classname to display images in a responsive way.

pure-image: It specifies a basic styled image without any border. Image expands and shrinks with the content maintaining the correct ratio.

Example:

  <!DOCTYPE html>  <html>  <link rel=”stylesheet”   href=”https://unpkg.com/purecss@1.0.0/build/pure-min.css”   integrity=”sha384-nn4HPE8lTHyVtfCBi5yW9d20FjT8BJwUXyWZT9InLYax14RDjBj46LmSztkmNP9w”  crossorigin=”anonymous”>  <body>  <div class = “pure-g”>  <div class = “pure-u-1-4 pure-u-lg-1-8”>  <img class = “pure-img” src = “image.jpg” alt=”html5″>  </div>  </div>  </body>  </html>  

Test it Now

Next TopicPure.CSS Icons

Pure.CSS Images

Pure.CSS Image

Asserts in Postman

Python Wand library

You may also like