#css
Вопрос:
Когда я уменьшаю размер экрана, например, размер телефона, элементы списка отображаются с гораздо большими полями.
Кроме того, я действительно не понимаю цели вставки кода, если это не позволяет мне опубликовать вопрос без большого количества дополнительного текста.
Если бы кто-нибудь мог, пожалуйста, объяснить это, я был бы очень признателен за ответ….. Если бы кто-нибудь мог, пожалуйста, объяснить это, я был бы очень признателен за ответ….. Если бы кто-нибудь мог, пожалуйста, объяснить это, я был бы очень признателен за ответ….. Если бы кто-нибудь мог, пожалуйста, объяснить это, я был бы очень признателен за ответ….. Если бы кто-нибудь мог, пожалуйста, объяснить это, я был бы очень признателен за ответ….. Если бы кто-нибудь мог, пожалуйста, объяснить это, я был бы очень признателен за ответ…..
<!DOCTYPE html>
<html>
<head>
<base href="/">
<style>
html {
font-family: "Lucida Sans", sans-serif;
}
body {
font-family: Arial, Helvetica, sans-serif;
background-color: #536A42;
margin: 0;
}
ul.a {
font-size: 100%;
border: none;
outline: none;
color: white;
background-color: #536A42;
font-family: inherit;
list-style-type: disc;
}
h3 {
display: block;
position: relative;
text-align: center;
font-size: 5vw;
font-weight: 700;
margin-top: 0px;
margin-bottom: 3%;
line-height: 6.0vw;
}
h6 {
display: block;
position: relative;
text-align: center;
font-weight: 650;
font-size: 2vw;
margin-top: 0px;
margin-bottom: 3%;
line-height: 6.0vw;
}
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
[class*="service-col-"] {
border: 3px double #fffafa;
color: #fffafa;
outline: none;
background-color: #536A42;
font-family: inherit;
margin-left: 3%;
margin-right: 3%;
font-weight: 300;
font-size: 1.7vw;
float: left;
padding: 2px;
}
.service-col-1 {
text-align: center;
width: 100%;
display: flex;
flex-direction: column;
padding-top: 20px;
}
.service-col-2 {
width: 27%;
}
.service-col-3 {
width: 54%;
}
img {
width: 100%;
height: auto;
}
ul.a {
font-size: 100%;
border: none;
outline: none;
color: white;
background-color: #536A42;
font-family: inherit;
list-style-type: disc;
}
</style>
</head>
<body>
<div class="row">
<div class="service-col-1">
<h3>Equine Services</h3>
</div>
</div>
<br style="clear: both;">
<div class="row">
<div class="service-col-2">
<img src="http://almostyouinhomeanimalcare.com/assets/images/equine-5.jpg" alt="Daily Equine Visits">
<h6>Daily Visit</h6>
$22 per half hour. This may include:
<ul class="a">
<li>Wellness Check</li>
<li>Make up feed/give feed/ give hay</li>
<li>Clean/fill water troughs</li>
<li>Muck stall/paddocks</li>
<li>Turn and/or out</li>
<li>Apply fly spray</li>
</ul>
</div>
<div class="service-col-2">
<img src="http://almostyouinhomeanimalcare.com/assets/images/equine-3.jpg" alt="Overnight Equine Services">
<h6>Overnight Service</h6>
$100/night, 12 hours, up to two horses, $10.00 for each additional horse. This service includes:
<ul class="a">
<li>Morning and evening feeding</li>
<li>Clean and fill water troughs</li>
<li>Much stalls/paddock</li>
<li>Turn in/turn out</li>
<li>Administer oral or topic medication if required</li>
<li>Check mail</li>
<li>Water indoor plants</li>
</ul>
If you have more than four horses or additional other pets please call for surcharge.
</div>
<div class="service-col-2">
<img src="http://almostyouinhomeanimalcare.com/assets/images/equine-4.jpg" alt="Equine Add-On Services">
<h6>Add-On Services</h6>
Basic grooming- mane/body/tail brushed and hooves cleaned-$15.00 per horse.
Horse trailer clean out (no living quarters)- $15.00-$60.00 depending on condition and size of trailer.
Feed or supply pick up, no hay.
</div>
</div>
<br style="clear: both;">
<div class="row">
<div class="service-col-3">
<h6>Surcharges</h6>
Surcharges
A 20% surcharge will be applied to:
<ul class="a">
<li>Visits scheduled less than 48 hours in advance of service date.</li>
<li>Visits scheduled less than 4 days before a major holiday.</li>
<li>Visits scheduled before 7am or after 6pm a $10.00 fee will be added</li>
</ul>
A holiday surcharge of $15.00 for overnight stays/$10.00 for daily service for services on the following days:
<ul class="a">
<li>4<sup>th</sup> of July</li>
<li>Thanksgiving and the day after Thanksgiving</li>
<li>Christmas Eve and Christmas Day</li>
<li>New Year's Eve and New Year's Day</li>
</ul>
</div>
</div>
</body>
</html>
Я действительно не понимаю цели вставки кода, если это не позволяет мне опубликовать вопрос без большого количества дополнительного текста.
Если бы кто-нибудь мог, пожалуйста, объяснить это, я был бы очень признателен за ответ…..
Если бы кто-нибудь мог, пожалуйста, объяснить это, я был бы очень признателен за ответ…..
Если бы кто-нибудь мог, пожалуйста, объяснить это, я был бы очень признателен за ответ…..
Если бы кто-нибудь мог, пожалуйста, объяснить это, я был бы очень признателен за ответ…..
Если бы кто-нибудь мог, пожалуйста, объяснить это, я был бы очень признателен за ответ…..
Если бы кто-нибудь мог, пожалуйста, объяснить это, я был бы очень признателен за ответ…..