├── .gitignore ├── 1. Проблема пикселей └── index.html ├── 2. Единица измерения Rem └── index.html ├── 3. Rem для font-size и других CSS-свойств ├── index.html └── styles.css ├── 4. Единица измерения Em ├── index.html └── styles.css ├── 5. Rem для размеров элементов ├── index.html └── styles.css ├── 6. Rem для медиазапросов ├── index.html └── styles.css ├── 7. Неправильное использование Rem-единиц — уменьшение font-size для html при адаптации ├── index.html └── styles.css ├── 8. Адаптивный размер шрифта через clamp, rem и vw ├── index.html ├── package-lock.json ├── package.json ├── styles.css ├── styles.css.map └── styles.scss ├── 9. Преобразование значения из пикселей в Rem через SCSS-функцию ├── index.html ├── package-lock.json ├── package.json ├── styles.css ├── styles.css.map └── styles.scss ├── README.md └── globals.css /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aleksanderlamkov/pixels-vs-rem/HEAD/.gitignore -------------------------------------------------------------------------------- /1. Проблема пикселей/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aleksanderlamkov/pixels-vs-rem/HEAD/1. Проблема пикселей/index.html -------------------------------------------------------------------------------- /2. Единица измерения Rem/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aleksanderlamkov/pixels-vs-rem/HEAD/2. Единица измерения Rem/index.html -------------------------------------------------------------------------------- /3. Rem для font-size и других CSS-свойств/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aleksanderlamkov/pixels-vs-rem/HEAD/3. Rem для font-size и других CSS-свойств/index.html -------------------------------------------------------------------------------- /3. Rem для font-size и других CSS-свойств/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aleksanderlamkov/pixels-vs-rem/HEAD/3. Rem для font-size и других CSS-свойств/styles.css -------------------------------------------------------------------------------- /4. Единица измерения Em/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aleksanderlamkov/pixels-vs-rem/HEAD/4. Единица измерения Em/index.html -------------------------------------------------------------------------------- /4. Единица измерения Em/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aleksanderlamkov/pixels-vs-rem/HEAD/4. Единица измерения Em/styles.css -------------------------------------------------------------------------------- /5. Rem для размеров элементов/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aleksanderlamkov/pixels-vs-rem/HEAD/5. Rem для размеров элементов/index.html -------------------------------------------------------------------------------- /5. Rem для размеров элементов/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aleksanderlamkov/pixels-vs-rem/HEAD/5. Rem для размеров элементов/styles.css -------------------------------------------------------------------------------- /6. Rem для медиазапросов/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aleksanderlamkov/pixels-vs-rem/HEAD/6. Rem для медиазапросов/index.html -------------------------------------------------------------------------------- /6. Rem для медиазапросов/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aleksanderlamkov/pixels-vs-rem/HEAD/6. Rem для медиазапросов/styles.css -------------------------------------------------------------------------------- /7. Неправильное использование Rem-единиц — уменьшение font-size для html при адаптации/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aleksanderlamkov/pixels-vs-rem/HEAD/7. Неправильное использование Rem-единиц — уменьшение font-size для html при адаптации/index.html -------------------------------------------------------------------------------- /7. Неправильное использование Rem-единиц — уменьшение font-size для html при адаптации/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aleksanderlamkov/pixels-vs-rem/HEAD/7. Неправильное использование Rem-единиц — уменьшение font-size для html при адаптации/styles.css -------------------------------------------------------------------------------- /8. Адаптивный размер шрифта через clamp, rem и vw/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aleksanderlamkov/pixels-vs-rem/HEAD/8. Адаптивный размер шрифта через clamp, rem и vw/index.html -------------------------------------------------------------------------------- /8. Адаптивный размер шрифта через clamp, rem и vw/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aleksanderlamkov/pixels-vs-rem/HEAD/8. Адаптивный размер шрифта через clamp, rem и vw/package-lock.json -------------------------------------------------------------------------------- /8. Адаптивный размер шрифта через clamp, rem и vw/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aleksanderlamkov/pixels-vs-rem/HEAD/8. Адаптивный размер шрифта через clamp, rem и vw/package.json -------------------------------------------------------------------------------- /8. Адаптивный размер шрифта через clamp, rem и vw/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aleksanderlamkov/pixels-vs-rem/HEAD/8. Адаптивный размер шрифта через clamp, rem и vw/styles.css -------------------------------------------------------------------------------- /8. Адаптивный размер шрифта через clamp, rem и vw/styles.css.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aleksanderlamkov/pixels-vs-rem/HEAD/8. Адаптивный размер шрифта через clamp, rem и vw/styles.css.map -------------------------------------------------------------------------------- /8. Адаптивный размер шрифта через clamp, rem и vw/styles.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aleksanderlamkov/pixels-vs-rem/HEAD/8. Адаптивный размер шрифта через clamp, rem и vw/styles.scss -------------------------------------------------------------------------------- /9. Преобразование значения из пикселей в Rem через SCSS-функцию/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aleksanderlamkov/pixels-vs-rem/HEAD/9. Преобразование значения из пикселей в Rem через SCSS-функцию/index.html -------------------------------------------------------------------------------- /9. Преобразование значения из пикселей в Rem через SCSS-функцию/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aleksanderlamkov/pixels-vs-rem/HEAD/9. Преобразование значения из пикселей в Rem через SCSS-функцию/package-lock.json -------------------------------------------------------------------------------- /9. Преобразование значения из пикселей в Rem через SCSS-функцию/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aleksanderlamkov/pixels-vs-rem/HEAD/9. Преобразование значения из пикселей в Rem через SCSS-функцию/package.json -------------------------------------------------------------------------------- /9. Преобразование значения из пикселей в Rem через SCSS-функцию/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aleksanderlamkov/pixels-vs-rem/HEAD/9. Преобразование значения из пикселей в Rem через SCSS-функцию/styles.css -------------------------------------------------------------------------------- /9. Преобразование значения из пикселей в Rem через SCSS-функцию/styles.css.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aleksanderlamkov/pixels-vs-rem/HEAD/9. Преобразование значения из пикселей в Rem через SCSS-функцию/styles.css.map -------------------------------------------------------------------------------- /9. Преобразование значения из пикселей в Rem через SCSS-функцию/styles.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aleksanderlamkov/pixels-vs-rem/HEAD/9. Преобразование значения из пикселей в Rem через SCSS-функцию/styles.scss -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # pixels-vs-rem -------------------------------------------------------------------------------- /globals.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aleksanderlamkov/pixels-vs-rem/HEAD/globals.css --------------------------------------------------------------------------------