learning_css/media_query.html at main · ChandaniAtraye/learning_css · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="/css/media_query.css"/>
</head>
<body>
    <h1> Welcome </h1>
    <h3> Learning media query </h3>
    <img class="img1" src="/images/CUP OF COFFEE.jpg"/>
    <p> Lorem ipsum dolor sit amet consectetur adipisicing elit. Reiciendis id dolorum hic incidunt obcaecati fugiat maxime praesentium magni corporis maiores voluptatibus accusantium cum neque at pariatur tempore, officiis omnis numquam?</p>
    <p> Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesentium explicabo est quibusdam nisi vero dignissimos voluptatibus error quam exercitationem non, earum nobis esse aspernatur delectus soluta Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste doloremque repellat assumenda hic odio mollitia fugit accusamus non ab dolore, placeat, similique in atque blanditiis dicta consequatur doloribus quis pariatur.obcaecati reiciendis blanditiis id.</p>
    <p> Lorem ipsum dolor sit amet consectetur adipisicing elit. Eaque praesentium atque aliquam sed? Aut earum fuga pariatur maiores eveniet magni commodi atque, eos dolores odit! Quaerat, maxime. Velit, ipsa labore?Lorem ipsum dolor, sit amet consectetur adipisicing elit. Rerum id repellendus ipsum necessitatibus rem sunt, voluptatem sit beatae cum dolorum, cumque animi quos pariatur vel. Voluptas ab quia doloribus inventore!</p>

    <img class="img2" src="/images/astronomy-1867616_1280.jpg"/>
    <p> this is an astronomy image </p>
</body>
</html>