Frontend-Developer/layout4.html at main · ajmannust41288/Frontend-Developer · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="/css/layout4.css">
    <title>HTMl documents </title>
</head>
<body>
   <!-- <div class="flex-container">
 <div class="flex-child" id="one">One</div>
 <div class="flex-child" id="two">Two</div>
 <div class="flex-child" id="three">three</div> -->
 <!-- <div class="flex-child" >D</div>
 <div class="flex-child">E</div> -->
 <div class="grid-container">
  <div class="grid-item" id="grid-1">Header</div>
  <div class="grid-item"id="grid-2">Menu</div>
  <div class="grid-item"id="grid-3">Main</div>
  <div class="grid-item"id="grid-4">Right</div>
  <div class="grid-item"id="grid-5">Footer</div>
  <!-- <div class="grid-item"id="grid-6">6</div>
  <div class="grid-item"id="grid-7">7</div>
  <div class="grid-item"id="grid-8">8</div>
  <div class="grid-item"id="grid-9">9</div> -->
 </div>
   </div>
</body>
</html>