Así va un media query básico:
@Media screen and (max-width: 768px) {
x-y: z;
}
Hasta 768px los mediaquery se aplican, si el mayor a 769px la pantalla pues, es como se ve normalmente en desktop...
Existen compiladores de CSS muy avanzados pero yo te recomiendo empezar con "CSS vanilla" o CSS sin compiladores / librerías.
Cuando entiendas de que van las clases, atributos, etc, empieza a pensar en sistemas como Bootstrap o tailwind, entre otros.
Si algo me preguntas que tengo unas técnicas de CSS simples y fáciles de aplicar, como la anidación de clases bajo un elemento padre. Ahora mi html se ve así, creo que se ve muy limpio: El CSS es consecunte con esa organización: