Size: a a a

CSS — русскоговорящее сообщество

2020 April 22

~

~Kuanysh in CSS — русскоговорящее сообщество
В коде текст с кнопкой входят в этот блок, но в браузер нет
источник

~

~Kuanysh in CSS — русскоговорящее сообщество
и за чего может быть?
источник

R

Red-eyed programmer🇩... in CSS — русскоговорящее сообщество
~Kuanysh
и за чего может быть?
Высота фиксированная там?
источник

~

~Kuanysh in CSS — русскоговорящее сообщество
Спасибо помог)
источник

m

mazya in CSS — русскоговорящее сообщество
Парни, мб я уже головой тронулся или привык к локальному проекту с sass, но подскажите пожалуйста, что я делаю не так? Обычный css, обычный медиа-запрос для уменьшения размера.

.ex-img { 
     width: 70px;
     height: auto;
 }
 #bike-1 {
     position: absolute;
     left: -35px;
     top: -20px;
     z-index: 1;
     align-self: flex-start;
 }

Для телефонов сделал запрос для изменения размеров и позиционирования:
@media screen and (max-width: 1023px) {
.ex-img {
   width: 50px;
   height: auto;
 }
 #bike1 {
   left: -20px;
   top: -15px;
 }
}
В релизе не вижу этих стилей, хотя
Так само делал и по отдельности для каждого, мол @media screen and (max-width: 1023px).ex-img {} и всё равно не работает. Где я проиграл?
источник

m

mazya in CSS — русскоговорящее сообщество
Окей, я как спрошу какую-то дичь на публику, сразу понимаю, в чём проблема. Надо вложенность какую-то дать для приоритета, типа указать родителя для .ex-img, тогда он работает, а не игнорится.
источник

R

Red-eyed programmer🇩... in CSS — русскоговорящее сообщество
mazya
Окей, я как спрошу какую-то дичь на публику, сразу понимаю, в чём проблема. Надо вложенность какую-то дать для приоритета, типа указать родителя для .ex-img, тогда он работает, а не игнорится.
Не ты один, у меня такое постоянно :D
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
mazya
Окей, я как спрошу какую-то дичь на публику, сразу понимаю, в чём проблема. Надо вложенность какую-то дать для приоритета, типа указать родителя для .ex-img, тогда он работает, а не игнорится.
Да нет, не надо
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
Надо просто писать медиа ниже
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
Иначе ты явно косячишь
источник

m

mazya in CSS — русскоговорящее сообщество
Sergey Bekharsky
Да нет, не надо
Ну у меня иначе не вышло, даже если медиа ниже. Либо так, либо !important
источник

m

mazya in CSS — русскоговорящее сообщество
Может я снова рахит, так что перепроверю)
источник

m

mazya in CSS — русскоговорящее сообщество
Не, не работает чего-то без вложенностей :(
источник

VL

V. Lavrinovichs 🇦🇹... in CSS — русскоговорящее сообщество
Пишите лучше код в кодэпэн
источник

m

mazya in CSS — русскоговорящее сообщество
Sergey Bekharsky
Иначе ты явно косячишь
Сергей, ссылку на сайт, где висит эта страница, могу скинуть? Может так подсказать легче будет
источник
2020 April 23

TZ

Timur Zhumashev in CSS — русскоговорящее сообщество
mazya
Сергей, ссылку на сайт, где висит эта страница, могу скинуть? Может так подсказать легче будет
Медиа запрос один или их несколько?
источник

D

Dezmunt in CSS — русскоговорящее сообщество
Как лучше сделать? Есть пустой блок, в нем изображение (bg-image). Как выравнять высоту блока под размер картинки?
источник

m

mazya in CSS — русскоговорящее сообщество
Один на данный момент, в нём кусок работает, а кусок — нет
источник

TZ

Timur Zhumashev in CSS — русскоговорящее сообщество
Dezmunt
Как лучше сделать? Есть пустой блок, в нем изображение (bg-image). Как выравнять высоту блока под размер картинки?
Обычно выравнивают высоту картинки под высоту блока)))
источник

D

Dezmunt in CSS — русскоговорящее сообщество
Timur Zhumashev
Обычно выравнивают высоту картинки под высоту блока)))
А если рандом картинка прилетает,? Или адаптивная верстка?
источник