Телеграмм чат группы css

2020 September 10

С

Санжар in HTML/CSS — русскоговорящее сообщество

Ivan Uslov

max-width: 1184px;
min-height: 740px;
background-image: url(../../images/cover.jpg);
background-size: 100% 100%;
background-repeat: no-repeat;

1184px 🙈 кто рисует такие?

источник

14:23пожаловаться #1

[

[_ _]V[- -] in HTML/CSS — русскоговорящее сообщество

Screen Recording 2020-09-10 at 14.20.26.mp4

(6.75 Мб)

переход между слайдами только по копке должен быть а оно по фокусу бегает вот пример +переход по tab между слайдами ломает верстку так как у элементов без current index позиция другая

источник

14:23пожаловаться #2

IU

Ivan Uslov in HTML/CSS — русскоговорящее сообщество

Санжар

1184px 🙈 кто рисует такие?

В фигме блок где бекграунд такой.

источник

14:23пожаловаться #3

VY

Vladimir Yefremov in HTML/CSS — русскоговорящее сообщество

Zaff

display: flex; flex-flow: column wrap; max-height: your-fixed-height;

отлично действует,
Спасибо!

а поможешь еще?
сейчас они у меня так выглядят - см. скрин;
как им дать расстояние между самим чеком и лэйбом и выровнять по вертикали?

источник

14:24пожаловаться #4

IU

Ivan Uslov in HTML/CSS — русскоговорящее сообщество

Санжар

а почему? либо у вас в макете другие размеры либо контейнер, ставьте cover и все

если ставло ковер, картинку "обрезает" не целиком помещается, с 100% все класно работает, но между брекпоинтов растягивается ужсно

источник

14:24пожаловаться #5

Z

Zaff in HTML/CSS — русскоговорящее сообщество

Vladimir Yefremov

отлично действует,
Спасибо!

а поможешь еще?
сейчас они у меня так выглядят - см. скрин;
как им дать расстояние между самим чеком и лэйбом и выровнять по вертикали?

покажите код)

источник

14:24пожаловаться #6

С

Санжар in HTML/CSS — русскоговорящее сообщество

Ivan Uslov

если ставло ковер, картинку "обрезает" не целиком помещается, с 100% все класно работает, но между брекпоинтов растягивается ужсно

ну так адаптируйте блок на прекпоинтах, высоту там ширину меньше

источник

14:25пожаловаться #7

VY

Vladimir Yefremov in HTML/CSS — русскоговорящее сообщество

Zaff

покажите код)

стиль
.one-check {
display: flex;
width: max-content;
flex-flow: row nowrap;
justify-content: space-between;
}

элементы
<div class="one-check">
<input type="checkbox" id="pack{{$package->id}}">
<label for="pack{{$package->id}}">{{$package->texts[0]->name}} - {{$package->period_m}} мес.</label>
</div>

источник

14:25пожаловаться #8

TS

Todd Smith in HTML/CSS — русскоговорящее сообщество

почему div с фиксированной шириной и высотой может уменьшиться на мобильных устройствах?

источник

14:25пожаловаться #9

IU

Ivan Uslov in HTML/CSS — русскоговорящее сообщество

Санжар

ну так адаптируйте блок на прекпоинтах, высоту там ширину меньше

ну там нужно будет много брейков делать, на кажыдй макет) Думаю это не лучший вариант

источник

14:26пожаловаться #10

Z

Zaff in HTML/CSS — русскоговорящее сообщество

Vladimir Yefremov

стиль
.one-check {
display: flex;
width: max-content;
flex-flow: row nowrap;
justify-content: space-between;
}

элементы
<div class="one-check">
<input type="checkbox" id="pack{{$package->id}}">
<label for="pack{{$package->id}}">{{$package->texts[0]->name}} - {{$package->period_m}} мес.</label>
</div>

one-check { display: flex; align-items: center; }
input { margin-right: Xpx; }

источник

14:27пожаловаться #11

С

Санжар in HTML/CSS — русскоговорящее сообщество

Ivan Uslov

ну там нужно будет много брейков делать, на кажыдй макет) Думаю это не лучший вариант

не понимаю тебя, если ширина допустим 992пх, ты же не оставишь высоту 800пх?

источник

14:28пожаловаться #12

VY

Vladimir Yefremov in HTML/CSS — русскоговорящее сообщество

Zaff

one-check { display: flex; align-items: center; }
input { margin-right: Xpx; }

спасибо!
пробую

источник

14:28пожаловаться #13

МА

Майкал Алиев... in HTML/CSS — русскоговорящее сообщество

Пожалуйста ребят кто может помочь с квизом

источник

14:34пожаловаться #14

МА

Майкал Алиев... in HTML/CSS — русскоговорящее сообщество

сверстать , я никогда не верстал квиз

источник

14:35пожаловаться #15

Z

Zaff in HTML/CSS — русскоговорящее сообщество

Майкал Алиев

сверстать , я никогда не верстал квиз

будет первый раз

источник

14:35пожаловаться #16

IN

Igor N in HTML/CSS — русскоговорящее сообщество

сколько платишь?

источник

14:35пожаловаться #17

БВ

Богдан Волков... in HTML/CSS — русскоговорящее сообщество

Всем привет, такой вопрос, есть ряд, у каждой картинки своя ширина, как сделать чтобы при добавление 8 картинки у нее была ширина первой, у 9 - ширина 2й
10 - ширина 3й
и тд ?

источник

14:38пожаловаться #18

A

Aleksandr in HTML/CSS — русскоговорящее сообщество

Богдан Волков

Всем привет, такой вопрос, есть ряд, у каждой картинки своя ширина, как сделать чтобы при добавление 8 картинки у нее была ширина первой, у 9 - ширина 2й
10 - ширина 3й
и тд ?

гриды

источник

14:43пожаловаться #19

СГ

Святослав Галыгин... in HTML/CSS — русскоговорящее сообщество

подскажите, как сделать грид-линии видимыми?

источник

14:58пожаловаться #20