KEMBAR78
Five | PDF
Scribd
Upload
7 views1 page

Five

The document is an HTML structure that defines a grid layout using CSS. It contains a container with three items, each styled with a light green background and centered text. The layout is designed to have a gap between items and a border around the container.

Uploaded by

Abdulwaheed Toheeb Olanrewaju
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
7 views1 page

Five

The document is an HTML structure that defines a grid layout using CSS. It contains a container with three items, each styled with a light green background and centered text. The layout is designed to have a gap between items and a border around the container.

Uploaded by

Abdulwaheed Toheeb Olanrewaju
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 1

<!

DOCtype html>
<html>
<head>
<style>
.container{
display: grid;
grid-template-columns:repeat(3, 1fr);
justify-items: legacy;
gap: 10px;
border: 2px solid black;
height: 150px;
padding: 5px;
}
.container>div{
background-color: lightgreen;
text-align: center;
border: 2px solid green;
color: white;
height: 50px;
padding: 15px;

</style>
</head>
<body>
<div class="container">
<div>item 1</div>
<div>item 2</div>
<div>item 3</div>
</div>
</body>
</html>

You might also like