Python-Projects/design.html at main · HarshSharmaIN/Python-Projects · 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
'''
Book shelf design:(Question)
Your friend, Yash is very careful about keeping his room clean. He wants to keep all the things in their respective place. Help him set up the structure of his three books on a book shelf.

Could you design a book shelf for him and keep the books in the order he has asked you to?

Instructions:
The shelf should be 'gray' in colour, 180px high, and 150px wide, and should have a border of 5px thickness and brown colour.
Inside the shelf, three books have to be kept one over another.
All the books fit exactly inside the shelf in width and share the height of the shelf equally.
Try to match the design as provided.
Note:
Create a parent div for the shelf, and enclose three divs inside it to form the structure.

'''
#Answer as Follows:

<!DOCTYPE html>
<html lang="en">
<head>

    <title>Book Shelf Design</title>
</head>
<body>
    <div style="background-color:gray; border:5px solid brown;height:180px;width:150px">
        <div style="background-color:red; height:60px">Mathematics</div>
        <div style="background-color:blue; height:60px">S&W</div>
        <div style="background-color:green; height:60px">Snake</div>
    </div>


</body>
</html>