Editing Template:ReportCard/report-card.css
The edit can be undone. Please check the comparison below to verify that this is what you want to do, and then publish the changes below to finish undoing the edit.
Latest revision | Your text | ||
Line 1: | Line 1: | ||
.report-card { | .report-card { | ||
width: | width: 33vw; | ||
min-width: 500px; | min-width: 500px; | ||
border-radius: 5px; | border-radius: 5px; | ||
margin: | margin: 10px; | ||
overflow: hidden; | overflow: hidden; | ||
box-shadow: 0 0 10px gray; | box-shadow: 0 0 10px gray; | ||
transition-duration: 0.5s; | transition-duration: 0.5s; | ||
} | } | ||
Line 45: | Line 30: | ||
background-color: mediumturquoise; | background-color: mediumturquoise; | ||
color: white; | color: white; | ||
border: none | border: none; | ||
width: 90%; | width: 90%; | ||
margin: 5px; | margin: 5px; | ||
border-radius: 5px; | border-radius: 5px; | ||
padding: 5px; | padding: 5px; | ||
} | } | ||
Line 56: | Line 40: | ||
display: inline-block; | display: inline-block; | ||
justify-content: left; | justify-content: left; | ||
font-size: | font-size: 15px; | ||
} | } | ||
Line 67: | Line 51: | ||
.summary-container { | .summary-container { | ||
word-break: keep-all; | word-break: keep-all; | ||
width: 100%; | |||
max-width: 100%; | max-width: 100%; | ||
padding: | padding: 5px; | ||
} | } | ||
Line 89: | Line 70: | ||
.logo { | .logo { | ||
width: | width: 100px; | ||
height: | height: auto; | ||
margin: auto; | |||
margin: | |||
} | } | ||
Line 104: | Line 82: | ||
.logo-container { | .logo-container { | ||
width: | width: fit-content; | ||
height: | height: auto; | ||
border: 2px solid whitesmoke; | |||
border-radius: 5%; | border-radius: 5%; | ||
flex: 1; | flex: 1; | ||
height: auto; | |||
margin: 5px; | margin: 5px; | ||
padding: 5px; | padding: 5px; |