Henry-Hiles/little-lemon
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add responsiveness to HomePage

Browse source
This commit is contained in:
Henry Hiles 2023-08-17 19:23:50 -04:00
parent d471542762
commit e4f6a04c95
13 changed files with 62 additions and 45 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/styles/Footer.css
View file

@ -2,7 +2,7 @@ footer {
display: flex;
justify-content: center;
gap: 3rem;
padding: 2rem;
padding: 0.8rem;
background-color: var(--primary-1);
color: white;
}
@ -10,17 +10,24 @@ footer {
footer section {
display: flex;
flex-direction: column;
gap: 0.2rem;
}
footer h3 {
font-size: 1rem;
margin: 0;
margin-bottom: 0.2rem;
}
footer img {
height: 10rem;
}
footer span {
padding: 0.5rem;
border-radius: 2rem;
@media (max-width: 500px) {
footer img {
display: none;
}
footer {
gap: 1.45rem;
}
}