fix(OurSponsors) refactored code to make css more understandable

This commit is contained in:
2024-03-17 00:03:04 -06:00
parent cc91df581a
commit 585138e772
4 changed files with 157 additions and 55 deletions

View File

@ -3,53 +3,15 @@
flex-direction: column;
justify-content: center;
background-color: gray;
padding-left: 10%;
padding-right: 10%;
padding-left: 2%;
padding-right: 2%;
}
#OurSponsors div div {
display: flex;
flex-direction: column;
justify-content: center;
#Sponsor {
background-color: white;
}
#OurSponsors div div div div div img {
display: flex;
justify-content: left;
}
#OurSponsors div div div p {
display: flex;
justify-content: left;
}
#OurSponsors div div div div div {
padding: 0%;
display: flex;
flex-direction: column;
justify-content: left;
}
#OurSponsors div div div div {
display: flex;
flex-direction: row;
justify-content: flex-end;
padding: 0%;
width: 100%;
}
#OurSponsors div div h3 {
cursor: pointer;
}
#OurSponsors h2 {
background-color: aquamarine;
text-align: center;
margin: 0px;
}
#SponsorFlexEnd {
#SponsorEnd {
text-align: end;
}
@ -57,3 +19,36 @@
text-align: left;
border-bottom: 2px solid black;
}
.Sponsors {
background-color: inherit;
}
.Sponsors a {
display: flex;
flex-direction: column;
color: inherit;
text-decoration: none;
cursor: pointer;
background-color: whitesmoke;
}
.Sponsors a div {
display: flex;
flex-direction: row;
}
.Sponsors a div h4 {
width: 30%;
}
.Sponsors a div img {
max-height: 8rem;
max-width: 70%;
}
.Sponsors a div p {
padding: 2rem;
padding-top: 5px;
padding-bottom: 5px;
}