注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的更改的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5。
#home-nav .home-card {
overflow: hidden;
position: relative;
}
#home-nav .home-card__background img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
transform-origin: center;
will-change: transform;
backface-visibility: hidden;
}
#home-nav .home-card:hover .home-card__background img {
transform: scale(1.1);
}
.infobox{
padding-left: 13px;
}
@media (max-width: 768px) {
.citizen-section {
display: flex;
flex-direction: column;
align-items: center;
}
.infobox {
float: none;
margin-left: 0;
margin-bottom: 20px;
order: 1;
}
.citizen-section > p {
order: 2;
width: 100%;
text-align: center;
margin-top: 20px;
}
}