src/components/layout/layout.module.css
.header {
position: -webkit-sticky;
position: sticky;
top: 0;
left: 0;
z-index: 1;
-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
padding: 40px;
}
.container {
padding: 40px 40px 40px;
}
@media (max-width: 1439px) {
.header {
padding: 40px 80px;
}
.container {
padding: 40px 80px;
}
}
@media (max-width: 1023px) {
.header {
padding: 40px 80px;
}
.container {
padding: 20px;
}
}