очень резко при уменьшении экрана. подскажите, почему? как исправить
(App.css от 66стр)
https://codesandbox.io/s/store-fishkeeping-nyftr5?file=/src/App.css&resolutionWidth=1268&resolutionHeight=675
Доброе утро! Это так ,потому что размер твоего текста меньше 770 px подаёт на 16px из 87,это его обычный размер
чтоб небыло резко можно тразишн прописать
Суть в том, что при Mobile first, вам нужно указать стили по дефолту, у вас, именно для загловка, стандартный font-ize (1.5em). Когда вы указываете @media (min-width: 770px) { .big-heading { font-size: 87px; } } То оно начинает работать только когда размер вьюпорта больше 770px. А до этого работают дефолтные размеры шрифта, которые гораздо меньше, вот и кажется, что шрифт "прыгает".
Обсуждают сегодня