Responsive-Column-With-Equal-Height/index.html at main · Rustcodeweb/Responsive-Column-With-Equal-Height · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<!DOCTYPE html>
<html>
<head>
  <title>Equal Height Column Responsive | Rustcode</title>
	<link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>
<br><br>
<br><br>
<br><br>
  <div class="row">
    <div class="col">
      <h1>Column 1</h1>
      <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam dignissim nibh nec sem facilisis maximus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer egestas arcu ante, eget fermentum lorem consequat in. Vivamus at mi eu dolor ornare varius. Praesent non est in orci mollis ultrices at non enim.
      </p>
    </div>

    <div class="col">
      <h1>Column 2</h1>
      <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam dignissim nibh nec sem facilisis maximus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer egestas arcu ante, eget fermentum lorem consequat in. Vivamus at mi eu dolor ornare varius. Praesent non est in orci mollis ultrices at non enim.
      </p>
    </div>

    <div class="col">
      <h1>Column 3</h1>
      <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam dignissim nibh nec sem facilisis maximus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer egestas arcu ante, eget fermentum lorem consequat in. Vivamus at mi eu dolor ornare varius. Praesent non est in orci mollis ultrices at non enim.
      </p>
    </div>

    <div class="col">
      <h1>Column 4</h1>
      <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam dignissim nibh nec sem facilisis maximus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer egestas arcu ante, eget fermentum lorem consequat in. Vivamus at mi eu dolor ornare varius. Praesent non est in orci mollis ultrices at non enim.
      </p>
    </div>
  </div>

</body>
</html>