Один justify-start, один растянутый div с сеткой
Привет,
Используя CSS Grid, я хочу иметь возможность иметь два дива рядом друг с другом, где первый имеет свою ширину идеально подобранную, как видно с помощью justify-self: start, а тот, что справа, должен иметь свою ширину, заполняющую оставшееся пространство родительского div.
Родительский див имеет
grid-template-areas: 'content remainder'
|содержание| - - - - - остаток - - - - - |
Как я могу достичь этого без явного указания ширины? Проблема, которую я вижу, заключается в том, что родительский div по умолчанию присваивает 50% своей ширины контенту и остатку, поэтому, когда контент выравнивается до начала, остаток не растягивается влево, чтобы заполнить оставшийся пробел. Если я установлю Родительский div в положение justify-content: start, остаток перемещается влево, но не растягивается вправо, чтобы заполнить этот пробел.
Что я уже пробовал:
--------------------------------------------------------------------------------