Почему этот текст не выровнен вертикально по строке сетки CSS?CSS

Разбираемся в CSS
Ответить
Anonymous
 Почему этот текст не выровнен вертикально по строке сетки CSS?

Сообщение Anonymous »

На моем веб-сайте будет информация о температуре, и я надеюсь получить показания температуры, сопровождаемые знаком градуса и буквой «C» или «F». На странице есть и другая информация о погоде, поэтому я использую сетку CSS для макета страницы и разбиваю все разделы. Когда я уменьшаю размер шрифта примечания о градусах, градус перемещается выше на странице. Я хотел бы, чтобы оно соответствовало значению температуры, но не могу понять, что происходит на странице. Любая помощь будет замечательной.

Фотография проблемного текста:

Изображение


< div class="snippet-code">

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

.wrapper {
display: grid;
grid-template-rows: 200px 100px;
padding-bottom: 2.5em;
}

.temp {
display: grid;
grid-template-columns: 150px 150px;
padding: none;
font-size: 3em;
align-content: center;
justify-content: center;
}

.degree-note {
font-size: 30px;
align-content: center;
}

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

[img]img/weather-app-loading.png[/img]


34
&deg C




Подробнее здесь: https://stackoverflow.com/questions/587 ... s-grid-row
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»