FSW_7_Aug_8_PM/flex.html at main · CodeKul/FSW_7_Aug_8_PM · 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
<html>
    <head>
        <title>Flex</title>
        <style>
            .main{
                background-color: bisque;
                display: flex;
                flex-wrap: wrap;
                flex-direction: row-reverse;
                justify-content: center;
            }
            .sub{
                margin: 0.5%;
                background-color: green;
                height: 200px;
                width: 200px;
                color: white;
            }
        </style>
    </head>
    <body>
        <div class="main">
            <div class="sub">1</div>
            <div class="sub">2</div>
            <div class="sub">3</div>
            <div class="sub">4</div>
            <div class="sub">5</div>
            <div class="sub">6</div>
            <div class="sub">7</div>
            <div class="sub">8</div>
            <div class="sub">9</div>
        </div>
        <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quibusdam nihil blanditiis placeat, enim aliquid rem error doloribus commodi magnam sequi cumque eaque eius quod voluptates hic cupiditate possimus accusantium minus quia odit repellendus laboriosam consectetur. Labore molestias hic vel unde praesentium cupiditate cumque quo voluptas vitae, perferendis ut aut autem earum minima animi est quisquam fuga deserunt quasi saepe vero culpa eveniet numquam. Dolore necessitatibus facilis temporibus rerum dolor asperiores laborum. Temporibus, animi fugiat eos porro quos inventore. Odit deserunt repellendus dicta distinctio quasi ipsa tempore dolorem numquam dolorum expedita quos ipsam tempora omnis odio saepe nobis earum, nesciunt natus corporis doloribus ratione est atque. Sed odit aliquam eligendi nihil non, deserunt nostrum rerum dolorem deleniti nemo quo repudiandae tempora officiis distinctio maiores repellat hic quis vel minima unde consectetur quisquam dolore sapiente! Accusamus eaque suscipit, atque sint nisi nemo autem eum ducimus accusantium cum minus cumque incidunt pariatur, debitis perferendis? Accusantium et mollitia error veritatis nulla quia. Illo quis id, dolor numquam consectetur nam enim quas mollitia deleniti veritatis non eos explicabo quos voluptate in facere. Impedit quos labore alias corrupti nulla animi molestiae saepe. Qui molestiae iusto sunt fugiat! Non velit sunt similique culpa rerum labore harum eius?</p>
    </body>
</html>