how to sort image in html into a 2x2 grid
<style>
.container {
display: flex;
flex-wrap: wrap;
}
.container .image {
width: 50%;
}
.container img {
width: calc(100% - (20px * 2));
margin: 20px;
}
</style>
<div class="container">
<div class="image">
<img src="http://placehold.it/50" />
</div>
<div class="image">
<img src="http://placehold.it/50" />
</div>
<div class="image">
<img src="http://placehold.it/50" />
</div>
<div class="image">
<img src="http://placehold.it/50" />
</div>
</div>
Are there any code examples left?
New code examples in category Html
-
Html 2022-03-27 21:55:05 how to kill html
-
Html 2022-03-27 21:55:02 How to create web urls without extensions
-
Html 2022-03-27 21:45:11 space between 2 h tags without break
-
Html 2022-03-27 21:40:13 how to resize submit button in html
-
Html 2022-03-27 20:40:18 https://www.codegrepper.com
-
Html 2022-03-27 19:55:09 show image inside table with innerhtml
-
Html 2022-03-27 19:30:47 html email input
-
Html 2022-03-27 18:45:01 how to add favicon in html
-
Html 2022-03-27 18:15:21 picture html
-
Html 2022-03-27 18:15:11 ex: javaasdasdasdasd