Responsive Web Design - Awesome Gallery Website with only html and css Posted by Yahya Benlachheb on September 30, 2017 Get link Facebook Twitter Pinterest Email Other Apps HTML CODE Responsive Gallery WebSite Gallery Website CSS CODE body{ margin: 0; padding: 0; font-family: sans-serif; } header{ overflow: hidden; background: #e74c3c; padding: 60px 0; text-align: center; color: white; text-transform: uppercase; } footer{ overflow: hidden; background: #e74c3c; padding: 20px 0; text-align: center; color: white; text-transform: uppercase; } .gallerys{ padding: 10px; overflow: hidden; text-align: center; } .img{ display: inline-block; width: 100%; max-width: 340px; height: 220px; overflow: hidden; margin: 10px; cursor: pointer; } .img img{ width: 100%; height: 220px; transition: 0.4s; } .img img:hover{ transform: scale(1.2); } @media (max-width:400px){ .img{ margin: 10px 0; } } Comments UnknownSeptember 25, 2020 at 2:38 PMHow do you added itReplyDeleteRepliesReplyAdd commentLoad more... Post a Comment
How do you added it
ReplyDelete