Коллеги, подскажите пожалуйста, есть вот такой простой GRID: .grid grid-template-columns:

Question

Коллеги, подскажите пожалуйста, есть вот такой простой GRID: .grid grid-template-columns:

1fr XXX 1fr;
grid-template-areas: ". content .";

.content
grid-area: content;
max-width: 1000px;

Что нужно подставить вместо XXX, что бы элемент .content занимал ровно (не меньше) 1000px если ширина браузера позволяет, а 1fr соотв. занимали всё оставшееся пространство, при этом если ширина браузера меньше 1000px — что бы элемент .content занимал 100% ширины?

#css #frontend #html #programming #russian

0

17.12.2022

6 ответов

10 просмотров

Evgeniy Wolf Автор вопроса

Victor
А в чем проблема на флексах сделать

Не то, что бы это было именно проблемой, но раз уж начали всё GRID'ами рисовать — хотелось бы как можно больше сохранить общий концепт

0

17.12.2022

Victor

Evgeniy Wolf
Не то, что бы это было именно проблемой, но раз уж...

ИМХО, рисовать A B C - это мусор. Надо разбираться и понимать абстракцию, ещё это настолько же гиблое дело, как делать тоже самое на display: table, или <table>

0

17.12.2022

Evgeniy Wolf Автор вопроса

Victor
ИМХО, рисовать A B C - это мусор. Надо разбираться...

в этом на самом деле и есть ключевой момент вопроса — понять суть, основная суть в том, можно ли так вообще сделать при исходных условиях или нет.

0

17.12.2022

Victor

Evgeniy Wolf
в этом на самом деле и есть ключевой момент вопрос...

Сделать с 1fr - не знаю. Но если прописать тоже самое в строку calc() 1000px calc() - работать должно

0

17.12.2022

Evgeniy Wolf Автор вопроса

Victor
Сделать с 1fr - не знаю. Но если прописать тоже са...

я так попробовал, calc — сам по себе работает вроде бы корректно, но если оставить фиксированные 1000px — то блок не будет сужаться под ширине браузера

0

17.12.2022

Victor · Accepted Answer

Victor

А в чем проблема на флексах сделать

0

17.12.2022

169 похожих чатов

Коллеги, подскажите пожалуйста, есть вот такой простой GRID: .grid grid-template-columns:

6 ответов

Похожие вопросы