Маржа и отступы, влияющие на ширину моей веб-страницы [закрыто] ⇐ CSS

[Anonymous]

Я работаю над расширением своего портфолио, переделывая уже созданные веб-сайты, и в этом случае кажется, что поля и отступы, которые я добавил в элемент div, содержащий информацию о нижнем колонтитуле, заставляют весь контент смещаться влево, оставляя белую полосу. справа
HTML. Кажется, проблема связана с нижним колонтитулом:

Код: Выделить всё

    



1 $7,500 Federal Tax Credit available for eligible buyers
and subject to MSRP caps. Model 3 Rear-Wheel Drive not eligible.

2 Starting price of Model 3 Rear-Wheel Drive before
estimated savings is $38,990, excluding taxes and fees and is
subject to change. Estimated savings includes $5,000 in
gas savings
estimated over five years.

3 Monthly lease payment is $449 before estimated
gas savings of $100 per month and based on purchase
price of $44,990, excluding taxes and fees and is subject to change.
Lease available in select states, requires $2,999 down and is
subject to credit approval. No security deposit required. Additional
terms and conditions apply.

4 Price before estimated savings is $77,990, excluding
taxes and fees. Subject to change. Estimated savings includes $6,500
in gas savings estimated over five years, the $7,500
Federal Tax Credit and state incentives, available to eligible
buyers and subject to MSRP caps. Terms apply.

5 Price before estimated savings is $72,990, excluding
taxes and fees. Subject to change.  Estimated savings includes $6,500
in gas savings estimated over five years and state incentives,
available to eligible buyers and subject to MSRP caps.
Terms apply.

Tesla © 2024
Privacy & Legal
Vehicle Recalls
Contact
News

Get Updates
Locations

CSS (ПОЛНЫЙ КОД):

Код: Выделить всё

body{
width:100%;
background-color: white;
font-family:'Noto Sans Thai',Arial, Helvetica, sans-serif;
}
*{
margin: 0;
box-sizing: border-box;
padding: 0;
}
@media( max-width:900px ){

.footer-text p {
padding-left: 40px;
padding-right: 40px;
}
.footer-content .copyright-info {
flex-direction: column;
}
.footer-content .copyright-info .extras{
display: none;
}
.footer-content .footer-text{
width: 600px;
}

}

.footer-content{
display: flex;
flex-direction: column;
align-items: center;
background-color: black;
padding-bottom: 20px;
width:100%;
}

footer{
width:100%;
}

.footer-text{
width:100%;
margin-top: 50px;
color: rgb(198, 198, 198);
padding: 0 100px 0 100px;
text-align: center;
margin-bottom: 60px;
}
.footer-text p{
display:inline-block;
margin-bottom: 20px;
font-size: 14px;
}
.copyright-info{
display: flex;
font-size: 14px;
text-align: center;
color: rgb(198, 198, 198);
padding-bottom: 10px;
padding-left: 20px;
}
.copyright-info-content{
margin-top: 15px;
margin-right: 20px;
cursor: pointer;
}
.extras{
display: flex;
}
.footer-text span{
cursor: pointer;
text-decoration: underline;
text-decoration-thickness: bolder;

}
.footer-text span:hover{
color: white;
}

Я попробовал удалить отступы и поля, думая, что это решит проблему, но как только я это сделал, текст просто переполнился.

Подробнее здесь: https://stackoverflow.com/questions/787 ... y-web-page