Hello everyone, help with the question.

<div class="week-product__descr--tablet week-product__descr--desk">content</div>

It has 2 classes, one for the tablet width, the second for the desktop:

.week-product__descr - tablet - selector for tablet

.week-product__descr - desk - selector for desktop

The question is that the width for the desktop media does not work, and styles that are specific to the tablet are applied.

enter image description here

Why and how can this be solved? For the parent unit and other children, everything is in order.

    2 answers 2

    You have a typo, instead of week-product__descr--desk , it is written week-product__descr-desk . There is not enough dash in front of the desk , therefore styles are applied for the tablet.

      you have min-width in the media request without restrictions, for example, add max-width to the same rule and the problem goes away + the selector for the tablet goes lower in the css file - it will be more priority in styles