Size: a a a

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

2020 August 09

В

Василий in HTML/CSS — русскоговорящее сообщество
Bogdan Bida
Господи вы что, какие флексы?

display: grid;
grid-template-columns: repeat(3, 3fr);
gap: 8px;

Все, сетка готова, внутрь в любом порядке заливай внутрь
спс
источник

В

Василий in HTML/CSS — русскоговорящее сообщество
Еще вопрос: чтобы мои элементы сетки были кликабельны и переходили по ссылке при клике, мне js нужно поключать?
источник

BB

Bogdan Bida in HTML/CSS — русскоговорящее сообщество
Нет
Оберни их в <a href="ссылка"></a>
источник

D

DevilSAM in HTML/CSS — русскоговорящее сообщество
Подскажите, как реализовать синхронизацию бэкграундов, если имеем одну картинку и ее надо разделить на 3 части: верхняя, левая и правая. Нужно, чтобы они казались одним бэкграундом (даже при изменении размеров окна)
источник

D

DevilSAM in HTML/CSS — русскоговорящее сообщество
Как мне определять размеры? calculate использовать или что? И от чего вообще отталкиваться? От window.width?
источник

И

Ильдар in HTML/CSS — русскоговорящее сообщество
всем привет можно как то вот такую писанину сократить?   .container div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) {
   margin-top:20px;
 }
источник

В

Василий in HTML/CSS — русскоговорящее сообщество
Bogdan Bida
Нет
Оберни их в <a href="ссылка"></a>
странно. Так и делал вроде бы, но не сработало. Попробую сейчас еще
источник

BB

Bogdan Bida in HTML/CSS — русскоговорящее сообщество
DevilSAM
Подскажите, как реализовать синхронизацию бэкграундов, если имеем одну картинку и ее надо разделить на 3 части: верхняя, левая и правая. Нужно, чтобы они казались одним бэкграундом (даже при изменении размеров окна)
Не совсем понятно чего ты добиться желаешь
Типа бэкграунд из частей которые между собой не связаны ?
источник

В

Василий in HTML/CSS — русскоговорящее сообщество
Bogdan Bida
Нет
Оберни их в <a href="ссылка"></a>
получилось) Спасибо.
источник

В

Василий in HTML/CSS — русскоговорящее сообщество
Бек я сделал на django. Там все работает) Теперь нужно по макету все сверстать
источник

В

Василий in HTML/CSS — русскоговорящее сообщество
а макет на Figma.
источник

В

Василий in HTML/CSS — русскоговорящее сообщество
Bogdan Bida
Не совсем понятно чего ты добиться желаешь
Типа бэкграунд из частей которые между собой не связаны ?
Есть вот такая задача: я должен вывести 10 статей последних на страницу. 1-я статья - в шапке(по всей ширине страницы), остальные 9шт в плитке 3х3. Щелкая по плитке пользователь должен перейти в эту статью для ее прочтения.
источник

В

Василий in HTML/CSS — русскоговорящее сообщество
Вот и верстать пытаюсь это) Бэкенд я сделал и он работает. Осталось по макету сверстать)
источник

BS

Bogdan Saliuk in HTML/CSS — русскоговорящее сообщество
DevilSAM
Подскажите, как реализовать синхронизацию бэкграундов, если имеем одну картинку и ее надо разделить на 3 части: верхняя, левая и правая. Нужно, чтобы они казались одним бэкграундом (даже при изменении размеров окна)
background-size;
background-position;
источник

BS

Bogdan Saliuk in HTML/CSS — русскоговорящее сообщество
Василий
Есть вот такая задача: я должен вывести 10 статей последних на страницу. 1-я статья - в шапке(по всей ширине страницы), остальные 9шт в плитке 3х3. Щелкая по плитке пользователь должен перейти в эту статью для ее прочтения.
но при чем это к первому сообщению хз
источник

В

Василий in HTML/CSS — русскоговорящее сообщество
Bogdan Saliuk
но при чем это к первому сообщению хз
Что именно?
источник

BS

Bogdan Saliuk in HTML/CSS — русскоговорящее сообщество
Василий
Что именно?
или это ты не тому ответил?
Там.. в общем, не суть.

Относительно грида ы три колонки, то достаточно будет пофлексить
источник

BS

Bogdan Saliuk in HTML/CSS — русскоговорящее сообщество
а можно и гридом без заморочек
источник

В

Василий in HTML/CSS — русскоговорящее сообщество
Мне Богдан другой помог гридом сделать. Я уже их разместил как надо и сделал кликабельными. Спасибо)
источник

BS

Bogdan Saliuk in HTML/CSS — русскоговорящее сообщество
grid-template-columns: 1fr 1fr 1fr;
gap: 30px;

.post:first-child {
 grid-column: 1 / -1;
}
источник