Skip to content

Commit 2c57f8b

Browse files
author
Murage
authored
Create index.html
0 parents  commit 2c57f8b

File tree

1 file changed

+37
-0
lines changed

1 file changed

+37
-0
lines changed

‎index.html

+37
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>CSS Columns property</title>
5+
<style>
6+
.list {
7+
column-count: 3;
8+
column-gap: 1em;
9+
}
10+
img{
11+
width: 100%;
12+
}
13+
</style>
14+
</head>
15+
<body>
16+
<div class="list">
17+
<img src="https://picsum.photos/700/300">
18+
<img src="https://picsum.photos/200/300">
19+
<img src="https://picsum.photos/700">
20+
<img src="https://picsum.photos/300/300">
21+
<img src="https://picsum.photos/600/300">
22+
<img src="https://picsum.photos/400">
23+
<img src="https://picsum.photos/800/300">
24+
<img src="https://picsum.photos/300/500">
25+
<img src="https://picsum.photos/600/500">
26+
<img src="https://picsum.photos/700/300">
27+
<img src="https://picsum.photos/200/300">
28+
<img src="https://picsum.photos/700">
29+
<img src="https://picsum.photos/300/300">
30+
<img src="https://picsum.photos/600/300">
31+
<img src="https://picsum.photos/400">
32+
<img src="https://picsum.photos/800/300">
33+
<img src="https://picsum.photos/300/500">
34+
<img src="https://picsum.photos/600/500">
35+
</div>
36+
</body>
37+
</html>

0 commit comments

Comments
 (0)