0% found this document useful (0 votes)
13 views2 pages

Full Stack Assignment2

Uploaded by

Tanisha Jain
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
13 views2 pages

Full Stack Assignment2

Uploaded by

Tanisha Jain
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

<!

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="Assignment2.css">

</head>

<body>

<div class="container">

<img src="natureimage.jpg" alt="Sample Image">

<p>

The beauty of nature and the glory of all the elements that make up nature like
plants, animals, water, land, air and many more are in inspiring nature wallpapers. If you
love to admire natural surroundings or you love to be surrounded by nature then nature
backgrounds,

images and breathtaking pictures are all for you to download and enjoy online.

</p>

</div>

</body>

</html>

body {

margin: 0;

height: 100vh;

display: flex;

justify-content: center;

align-items: center;
background-color: #f0f0f0;

.container {

width: 500px;

height: 500px;

display: flex;

flex-direction: column;

justify-content: center;

align-items: center;

background-color: #ffffff;

border: 2px solid #ccc;

box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

text-align: center;

padding: 20px;

box-sizing: border-box;

.container img {

max-width: 100%;

height: auto;

margin-bottom: 20px;

.container p {

margin: 0;

word-wrap: break-word;

You might also like