web-learning/grid.html at main · protruser/web-learning · 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
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <style>
            #grid {
                border: 5px solid pink;
                display: grid;
                grid-template-columns: 150px 1fr;
            }
            div {
                border: 5px solid gray;
            }
        </style>
    </head>
    <body>
        <div id="grid">
            <div>NAVIGATION</div>
            <div>
                elements are the building blocks of HTML pages. With HTML constructs, images and other objects, such as
                interactive forms, may be embedded into the rendered page. It provides a means to create structured
                documents by denoting structural semantics for text such as headings, paragraphs, lists, links, quotes
                and other items. HTML elements are delineated by tags, written using angle brackets.
            </div>
        </div>
    </body>
</html>