.fullpage.actus { @media (min-width: $breakpoint_tablet) { .actus_list { display: grid; grid-template-columns: repeat(2, 1fr); } } @media (min-width: $breakpoint_desktop) { .actus_list { grid-template-columns: repeat(3, 1fr); } } } .fullpage { .actus_list { h2 { @media screen and (min-width: $breakpoint_tablet) { font-size: $xl_font_size !important; } } .sous_titre { @media screen and (min-width: $breakpoint_tablet) { font-size: $m_font_size !important; } } } }