Для достижения поведения responsive (резиновости) вашей верстки, достаточно соблюдать одно главное условие - Никаких фиксированных значений width! Иными словами исключайте единицы измерения "px" и напротив дружите с относительными величинами, такими как: %, vw, vh, em, rem, а также в вашем случае фракции fr в рамках Grid css layout
