Simple Responsive Gallery css

Tutorials of (Simple responsive gallery css) by Joan fornis

<!DOCTYPE html>
<html >
<head>
  <meta charset="UTF-8">
  <title>Simple Responsive Gallery css </title>
  
  
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>
  <div class="gallery">

    <img src="http://asmt.ibsweb.com.br/images/imagens/placeholder_600x450.jpg">
    <img src="http://asmt.ibsweb.com.br/images/imagens/placeholder_600x450.jpg">
    <img src="http://asmt.ibsweb.com.br/images/imagens/placeholder_600x450.jpg">
    <img src="http://asmt.ibsweb.com.br/images/imagens/placeholder_600x450.jpg">
    <img src="http://asmt.ibsweb.com.br/images/imagens/placeholder_600x450.jpg">
    <img src="http://asmt.ibsweb.com.br/images/imagens/placeholder_600x450.jpg">
    <img src="http://asmt.ibsweb.com.br/images/imagens/placeholder_600x450.jpg">
    <img src="http://asmt.ibsweb.com.br/images/imagens/placeholder_600x450.jpg">
    <img src="http://asmt.ibsweb.com.br/images/imagens/placeholder_600x450.jpg">
    <img src="http://asmt.ibsweb.com.br/images/imagens/placeholder_600x450.jpg">
  
</div>
  
  
</body>
</html>
/* Downloaded from https://www.codeseek.co/ */
.gallery {text-align:center;}
.gallery img{width:100%;max-width:320px;} /*change max-width for real image width*/
/* Downloaded from https://www.codeseek.co/ */

This awesome code ( Simple Responsive Gallery css ) is write by Joan Fornis, you can se more from this user in the personal repository

You can find the original code on Codepen.io

2018 © Joan Fornis