Wiem Rże Dla Niektórych To Może Być Mega Proste i ten, Ale Ja w miarę zaczynam z HTML mam pewien problem nie potrafię dostosować strony żeby na każdym monitorze była taka sama, a nie się rozszerzała ogólnie to żeby strona była tego wzrostu co ja chcę, a nie się do monitora dostosowywała, a że jestem nowym w HTML, a w CSS tym bardziej tutaj podsyłam o co cho.
tak ma wyglondac : imgur.com/a/ROVFkj0
a nie tak : https://imgur.com/a/JvxNLYm
"Oczywiście zepsułem to tak że jak odpale to na większym monitorze, to będzie większe, ale to raczej Idze się domysilic"
.u-section-1 {
background-image: none;
}
.u-section-1 .u-sheet-1 {
min-height: 675px;
}
.u-section-1 .u-btn-1 {
border-style: none;
font-weight: 700;
text-transform: uppercase;
font-size: 0.875rem;
letter-spacing: 1px;
animation-duration: 1000ms;
background-image: none;
margin: 542px auto 0 498px;
padding: 9px 40px 11px 39px;
}
.u-section-1 .u-btn-2 {
border-style: none;
font-weight: 700;
text-transform: uppercase;
font-size: 0.875rem;
letter-spacing: 1px;
animation-duration: 1000ms;
background-image: none;
margin: -42px 302px 0 auto;
padding: 9px 40px 11px 39px;
}
.u-section-1 .u-btn-3 {
border-style: none;
font-weight: 700;
text-transform: uppercase;
font-size: 0.875rem;
letter-spacing: 1px;
animation-duration: 1000ms;
background-image: none;
margin: -42px auto 60px 288px;
padding: 9px 40px 11px 39px;
}
@media (max-width: 1199px) {
.u-section-1 .u-btn-1 {
margin-left: 298px;
}
.u-section-1 .u-btn-2 {
margin-right: 102px;
}
.u-section-1 .u-btn-3 {
margin-left: 88px;
}
}
@media (max-width: 991px) {
.u-section-1 .u-btn-1 {
margin-left: 78px;
}
.u-section-1 .u-btn-2 {
margin-right: 0;
}
.u-section-1 .u-btn-3 {
margin-left: 0;
}
}
@media (max-width: 767px) {
.u-section-1 .u-btn-1 {
margin-left: 0;
}
}