KEMBAR78
Five | PDF
0% found this document useful (0 votes)
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.
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
0% found this document useful (0 votes)
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.
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