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

First HTML Program

First Web page in Web Programming Get to know me More My Hobbies and Interes are the following :. Photography Web Programming Content Creation My Life Principles :. obey God and follow his commandments and teachings Learning depends on Learners willingness and Capability to learn more Everyday is a chance to grow and Learn More so Improve yourself and Level up your skills Visit My Social Media and Portfolio Portfolio/Blog Facebook Youtube
Read more

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