Как разделить блок на две части?

Question

[Mark321]

Подскажите пожалуйста, есть просто див, в нем два вложенных дива, один должен занимать 30%, другой 70%

display: grid;
  grid-template-columns: repeat(2, 30% 70%);

пытаюсь сделать вот так, но при адаптиве, у меня контент блока, который занимает 70% заезжает на контент блока, который занимает 30%
если пишу вот так

display: grid;
  grid-template-columns: repeat(2, 1fr);

то все корректно, но тут уже они равные части занимают
как это поправить или какое альтернативное решение можно придумать
Ну если задаю отдельно блокам размер 30% и 70%, то они тоже при адаптиве налазят друг на друга

Comments

[Danny Arty]

Закиньте ваш код в песочницу и ссылку сюда. Не должны они наезжать друг на друга

Answer 1

[Сергей delphinpro]

Зачем repeat здесь?

grid-template-columns: 30% 70%;