The process for having padding begin at its maximum value while in full screen mode but gradually decreasing to its minimum value when the browser width decreases would involve using media queries and CSS transitions.
.container {
padding: 100px;
}
@media (max-width: 768px) {
.container {
padding: 50px;
}
}
.container {
padding: 100px;
transition: padding 0.5s ease;
}
@media (max-width: 768px) {
.container {
padding: 50px;
}
}
Asked: 2021-05-31 11:00:00 +0000
Seen: 7 times
Last updated: May 20 '22