mirror of
https://github.com/Nezumi-2711/html-css-practice-two.git
synced 2026-09-22 20:01:23 +00:00
Update code
This commit is contained in:
@@ -1,21 +1,30 @@
|
||||
.header {
|
||||
@include flex-container(space-between, $align-items: center);
|
||||
|
||||
position: relative;
|
||||
align-items: center;
|
||||
max-width: $max-width;
|
||||
max-width: 428px;
|
||||
min-width: $min-width;
|
||||
padding: 24px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.header-content {
|
||||
@include flex-container(space-between);
|
||||
}
|
||||
|
||||
@media screen and (min-width: 840px) {
|
||||
.header {
|
||||
padding-top: 32px;
|
||||
padding-inline: 24px;
|
||||
padding-left: 70px;
|
||||
padding-right: 61px;
|
||||
gap: 10px;
|
||||
max-width: 1309px;
|
||||
}
|
||||
|
||||
.header-content {
|
||||
@include size(100%, auto);
|
||||
|
||||
gap: 10px;
|
||||
width: 100%;
|
||||
max-width: 918px;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user