cse110-fa22-group29/source/static/homepage.css
Arthur Lu a5ac2dc940 fix review card spacing and centering in homepage
Signed-off-by: Arthur Lu <learthurgo@gmail.com>
2022-11-20 17:03:55 -08:00

54 lines
876 B
CSS

/* homepage.css */
/* Color*/
body{
background-color: #97a5bd;
}
.Top-Bar{
}
.Top-Bar > img{
position: relative;
}
.Top-Bar > h1{
position: relative;
text-align: center;
color: #E4C3D2;
font-size: 100px;
font-family: 'Lucida Sans';
}
.Top-Bar > form{
position: relative;
float: right;
}
.Review-boxes {
position: relative;
}
#recent-reviews-text {
font-family: 'Lucida Sans';
text-align: center;
font-size: 80px;
color: #E4C3D2;
}
.Review-boxes > input {
position: relative;
}
img#create-btn {
position: relative;
}
.Filter-box{
background: #e4d9e9;
position: absolute;
border: 5px solid #99a2c2;
}
.review-container{
display: flex;
position: relative;
flex-wrap: wrap;
justify-content: center;
}
.review-container > div {
background-color: #f1f1f1;
text-align: center;
}