Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div class="row padding-top-null">
- <div class="columns-12">
- <div id="service-icons">
- <div class="service-icon-box"><img src="http://www.sourcecertain.com/img/Example.png" alt="just an example"/>
- <p>Lorep ipsum</p>
- </div>
- <div class="service-icon-box"><img src="http://www.sourcecertain.com/img/Example.png" alt="just an example"/>
- <p>Lorep ipsum</p>
- </div>
- <div class="service-icon-box"><img src="http://www.sourcecertain.com/img/Example.png" alt="just an example"/>
- <p>Lorep ipsum</p>
- </div>
- <div class="service-icon-box"><img src="http://www.sourcecertain.com/img/Example.png" alt="just an example"/>
- <p>Lorep ipsum</p>
- </div>
- <div class="service-icon-box"><img src="http://www.sourcecertain.com/img/Example.png" alt="just an example"/>
- <p>Lorep ipsum</p>
- </div>
- <div class="service-icon-box"><img src="http://www.sourcecertain.com/img/Example.png" alt="just an example"/>
- <p>Lorep ipsum</p>
- </div>
- </div>
- </div>
- </div>
- body {
- width: 100%;
- font-size: 16px;
- min-width: 360px;
- max-width: 1920px;
- margin: auto;
- }
- .row {
- display: flex;
- justify-content: center;
- padding: 50px 0px;
- }
- .columns-12 {
- width: 100%;
- padding: 0% 2.5%;
- }
- #service-icons {
- flex: 1 1 auto;
- display: flex;
- flex-wrap: wrap;
- flex-basis: 100%;
- justify-content: center;
- margin: auto;
- }
- #service-icons .service-icon-box {
- text-align: center;
- width: 33.33%;
- min-width: 250px;
- padding-bottom: 50px;
- }
- #service-icons .service-icon-box > img {
- width: 25%;
- max-width: 200px;
- min-width: 150px;
- }
- #service-icons .service-icon-box > p {
- line-height: 150%;
- padding-top: 10px;
- max-width: 230px;
- margin: auto;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement