ay-01/flexbox.html at main · Ayush0126/ay-01 · 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>
        <title>
            Flexbox Practice
        </title>
    </head>
    <body>
        <div style="
        margin-top: 30px;
           display: flex;
           flex-direction: row; ">
            <div style="background-color: lightblue;
            width: 100px;">100px</div>
            <div style="background-color: lightpink;
            flex:1">flex 0<p>Ayush is done practicing</p></div>
        </div>
        <div style="
        margin-top: 30px;
           display: flex;
           flex-direction: row; ">
            <div style="background-color: lightblue;
            width: 100px;">100px</div>
            <div style="background-color: lightpink;
            flex:1">flex <p>Ayush is done practicing</p></div>
        </div>
    </body>
</html>