Week 2 Day 2: CSS Flexbox and Grid layout systems
This commit is contained in:
24
Week-2/Day-2/style.css
Normal file
24
Week-2/Day-2/style.css
Normal file
@@ -0,0 +1,24 @@
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
background-color: #333;
|
||||
color: white;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
gap: 10px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.box {
|
||||
background-color: #ddd;
|
||||
padding: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
Reference in New Issue
Block a user