Flexible Responsive Photo Gallery

Responsive Image Grid

Resize the browser window to see the responsive effect.

Comments

Post a Comment

Popular posts from this blog

HTML CODE HORIZONTAL NAVIGATION BAR RESPONSIVE WEB DESIGN LAYOUT

 <!DOCTYPE html> <html> <head> <style> ul {   list-style-type: none;   margin: 0;   padding: 0;   overflow: hidden;   background-color: #333; } li {   float: left;   border-right:1px solid #bbb; } li:last-child {   border-right: none; } li a {   display: block;   color: white;   text-align: center;   padding: 14px 16px;   text-decoration: none; } li a:hover:not(.active) {   background-color: #111; } .active {   background-color: #4CAF50; } </style> </head> <body> <ul>   <li><a class="active" href="#home">Home</a></li>   <li><a href="#news">News</a></li>   <li><a href="#contact">Contact</a></li>   <li style="float:right"><a href="#about">About</a></li> </ul> <div style="padding:1px 16px;height:1000px; WIDTH=100%">   <h2 id="home...
Read more

HTML 2 Columns Responsive Web Design Layout Output

Image
YOUR FULL NAME OR CODE NAME WEB NAME /COVER PHOTO Resize the browser window to see the effect. hISTORY OR PROFILE PRODUCTS/SERVICES CONTACTS LinkS MY ART AND PHOTOGRAPHY PORTFOLIO PHOTOGRAPHY PORTFOLIO Some text.. Sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco. MY ART PORTFOLIO Title description, Sep 2, 2017 Some text.. Sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis ...
Read more