No need for CSS pixels — use Rem! Responsive font size, Sass mixin and Px to Rem function - Александр Ламков — Friendly Frontend - World Latest Movie, Series, Videos and Trailers | fetery.com

No need for CSS pixels — use Rem! Responsive font size, Sass mixin and Px to Rem function

21,333 views

Александр Ламков — Friendly Frontend

Published on Nov 29, 2024

About :

✏️ Let's discuss the pixel problem and its solution — the Rem unit of measurement, which can and should be used for literally all properties and even for defining media query ranges. We'll figure out how to implement adaptive font size using the clamp CSS function and the rem + vw units of measurement, and wrap everything in a convenient fluid-text Sass mixin. We'll create a function for converting a value from pixels to Rem using a Sass function. 🔴 Timeline: ▶ 00:00 Introduction ▶ 00:30 The Pixel Problem ▶ 03:26 The Rem Unit of Measurement ▶ 05:36 Rem for font-size and other CSS properties ▶ 08:17 The Em Unit of Measurement ▶ 09:19 Rem for element sizes ▶ 11:15 Rem for media queries ▶ 14:55 Incorrect use of Rem units - decreasing font-size for html during adaptation ▶ 17:30 Responsive font size via clamp, rem and vw ▶ 22:20 Converting value from pixels to Rem via Sass function ▶ 24:45 Conclusion 📚 Links: ➖ Code from the lesson: https://github.com/aleksanderlamkov/p... ➖ PostCSS plugin pxtorem: https://www.npmjs.com/package/postcss... 💬 Telegram chat (help for beginners): https://t.me/friendlyFrontendChat 🔸 Boosty (support the channel): https://boosty.to/friendly-frontend 🗂️ Free courses on the channel: 🟠 HTML: • HTML course 2024 🔵 CSS: • CSS course 2024 🟡 JS: • JavaScript course 2024 🟢 A11y: • Accessibility course 2024 ⚪️ Master class on layout for beginners: • Adaptive website layout from scratch for n... 🔘 Master class on markup for advanced (BEM, SCSS): • Website markup from 0 to result HTM... 🗺 Frontend Roadmap 2024 • Frontend Roadmap 2024 What should be taken into account... 📌 Author: ➖ Personal website: https://aleksanderlamkov.ru/ ➖ Telegram: https://t.me/friendlyFrontend ➖ Boosty: https://boosty.to/friendly-frontend ➖ GetMentor: https://getmentor.dev/mentor/aleksand... ➖ Solvery: https://solvery.io/mentor/aleksanderl... #frontend #фронтенд #css

vidoe Comments

Trend Videos

4:16

Snow halation - Isekai Idol COVER│Love Live! OST

왁타버스 WAKTAVERSE

386,392 views 2 days ago

29:03

Eat Tokyo slum food for 24 hours

유우키의 일본이야기 YUUKI

742,435 views 4 days ago

5:55

Are you hot, cold, hungry, full, tired, or sleeping?

너덜트

1,267,045 views 9 days ago

21:30

The story of Song Joong-ki's newlywed life that surprised Choi Hwa-jung (+chocolate curry)

안녕하세요 최화정이에요

878,525 views 2 days ago

17:33

Lee Young-ja and Park Se-ri drinking ginseng wine and talking drunk

이영자 TV

1,724,077 views 9 days ago

11:23

Vietnamese sister surprised by the bitter cold she experienced for the first time in her life in Korea

초코우유 Chocouyu

208,711 views 1 day ago

6:58

A stage like a drama with a story😢 'Thank you, life'♬ TV CHOSUN 241219 broadcast [Mr. Trot 3 - Episode 1] TV Chosun

TVCHOSUN - TV조선

712,367 views 8 days ago

26:20

Year-end spending for a precarious startup CEO

곽튜브

901,961 views 4 days ago

34:11

Birthday party on a deserted island the size of a booger 【Philippines 2】

빠니보틀 Pani Bottle

874,241 views 9 days ago

34:11

Birthday party on a deserted island the size of a booger 【Philippines 2】

빠니보틀 Pani Bottle

874,241 views 9 days ago

20:54

Mysterious Philippine Lake Where Freshwater and Saltwater Coexist [Philippines 3]

빠니보틀 Pani Bottle

603,976 views 5 days ago

34:40

Manila Garbage Hill Slum Tour with a Little Guide 【Philippines 1】

빠니보틀 Pani Bottle

1,304,163 views 12 days ago

37:57

Highest price VS lowest price in 24 hours!! Will you be happy if you eat the most expensive one unconditionally?!

파뿌리

614,179 views 6 days ago

14:35

Lilka becomes a T1 teacher

릴카

707,465 views 6 days ago

7:02

2NE1 - Come Back Home+Fire+I Don't Care+UGLY+I'm the Best♬

SBS Entertainment

4,135,219 views 3 days ago

8:22

Rice cake soup that is getting lots of compliments🥇 Add '2 things' to the soup. 2 bowls of rich soup in no time!

딸을 위한 레시피 Recipes for daughters

129,789 views 23 hours ago

3:19

Tell Me - Jinusean (With Jang Wonyoung) [2024 KBS Song Festival Global Festival] KBS 241220 Broadcast

KBS Kpop

2,169,796 views 7 days ago

5:15

Blue and Summer - Mrs. GREEN APPLE / COVER by LILPA

릴파 lilpa

533,396 views 21 hours ago

30:45

Jaejoong called me mom the first time he held me, but how can I send it to someone else... [Morning Yard] KBS 241224 broadcast

KBS 교양

1,296,125 views 4 days ago

29:21

[VLOG] I experienced giving my nephew a bath (it wasn't easy because it was my first time💦) The long-awaited brother-in-law's tteokbokki! Maybe I'm a home cooking expert?😳

지유롭게

252,414 views 4 days ago

2:14

Boo Seok Soon (SEVENTEEN) 2nd Single Album 'TELEPARTY' : How is your youth?

HYBE LABELS

865,420 views 1 day ago

15:39

I wonder where he is and what he is doing.. Suddenly a sewing machine

원지의하루

395,175 views 6 days ago

26:20

Year-end spending for a precarious startup CEO

곽튜브

901,961 views 4 days ago

23:04

[Christmas Special] Title Academy Grand Prix is back

유병재

715,885 views 4 days ago

5:55

Are you hot, cold, hungry, full, tired, or sleeping?

너덜트

1,267,045 views 9 days ago

14:35

Lilka becomes a T1 teacher

릴카

707,465 views 6 days ago

5:53

Company dinners, is this okay?

충주시

1,006,391 views 4 days ago

24:40

Hermit Lee Hae-ri's villa breeding

걍밍경

1,020,576 views 8 days ago

6:53

G-DRAGON - POWER+Sober+Crooked♬

SBS Entertainment

3,754,886 views 2 days ago

29:21

[VLOG] I experienced giving my nephew a bath (it wasn't easy because it was my first time💦) The long-awaited brother-in-law's tteokbokki! Maybe I'm a home cooking expert?😳

지유롭게

252,414 views 4 days ago

23:38

The ultimate skyblock survival game

우융

477,734 views 10 days ago

6:58

Dongtae Jjigae Specialty Store Just remember this! Special secret to bringing out the coolness of Dongtae How to make Dongtae Jjigae delicious, Dongtae Soup, Haejangguk

첫째아들

304,871 views 2 days ago

Google AdSense
336 x 280

Up Next

28:15

THIS IS HOW WE SPENT AN AFTERNOON WITH FRIENDS vlog#2 @elnovux

El Félix

825 views
11 days ago

22:52

I HARDLY SEE MY HUSBAND 😭

Vero De lira

7,591 views
3 days ago

30:11

PACKING FOR MY KIDS 🧳 They're leaving for MEXICO❗️+ I got emotional 😅

GISELLXO

30,414 views
1 day ago

32:54

ADVENTURES IN MONTERREY😜 WE ARRIVED AT THE WRONG HOTEL😰

La Chule

211,984 views
8 months ago

14:09

THE CHEAPEST SUPERMARKET VS THE MOST EXPENSIVE

Dantevegamx

636 views
2 weeks ago

28:52

The Alfa Planetarium did not leave! It was at Parranda Monterrey

Los Malvadines

77,944 views
10 months ago

23:23

I went to record Pablo A. De La Garza and they stole my mirrors RADAR with Adrián Marcelo

Adrián Marcelo

1,961,134 views
2 years ago

6:28

Giving away iPhones PRANK part 1

El Rey de las bromas

1,153,852 views
1 year ago

12:15

Asking for a ride to Monterrey (1,000 kilometers) WITHOUT MONEY Part 3 FINAL

Yulay

890,804 views
6 years ago

40:50

Christmas at home in Mexico 🎅 Latest purchases 🎁 Christmas dishes.

Gaby Cass

1,027 views
8 hours ago

18:24

What is the PROBABILITY? We are in the news 🙀 Routing in Lima

Krenzo _12

406 views
12 days ago

22:22

WE TRAVELED TO MONTERREY FOR THIS REASON😳

La Chule

154,978 views
10 months ago

11:38

The first thing you find in Barrio Antiguo

Adrián Marcelo

348,752 views
3 years ago

17:24

LET'S GO EAT IN THE NEAREST CITY✨I bought groceries for the first time at a NETO ✅

Al estilo de Ale

5,574 views
22 hours ago

28:49

MACHACA 2022 RADAR with Adrian Marcelo

Adrián Marcelo

2,589,117 views
2 years ago

43:28

THE REALITY OF MONTERREY THEY DO NOT HAVE WATER//FEAT @lagranjasanitariaoficial

Soy Yosi

478,271 views
1 year ago

11:25

The Most Dangerous Colony in Monterrey

Thomas Suchecki - El Alemán Latino

339,486 views
1 year ago

31:29

THIS WAS OUR FAMILY CHRISTMAS 👨‍👩‍👧❤️ at the RANCH 🤠 GIFTS 🎁 Shepherds 🎄✨️

Esmeralda Ramos

21,782 views
15 hours ago

3:35

FBI leaks information on Sheikh Hasina's embezzlement FBI Sheikh Hasina Money Laundering ATN News

ATN News

20,495 views
40 minutes ago

4:59

Obaidul Quader's members are extremely angry

BVNEWS24

22,349 views
44 minutes ago

56:35

Politics of the Subject Zahir Uddin Swapan Episode 7818

Channel i Shows

558 views
2 hours ago

🔴LIVE: Live: Returning home soon: Sheikh Hasina latest on the movement demanding quota reform

Sports Time News 24

19:30

What did the political leaders say at the Khilafat Majlis conference? Mamunul Haque Mirza Abbas Rezaul Karim

ATN Bangla News

34,621 views
3 hours ago

3:01

No conspiracy will work if Islamic parties are united: Jamaat Ameer Khelafot Majlish Channel 24

Channel 24

26,750 views
1 hour ago

2:37

'Why wasn't Obaidul Quader arrested? Ask this question to the Home Affairs Advisor' Asif Nazrul Jamuna TV

Jamuna TV

24,589 views
1 hour ago

4:26

Manmohan Singh: 'There is no person in the whole of India who did not respect him', said Sudeep about Manmohan

ABP ANANDA

3,039 views
5 hours ago

33:51

International Time 4pm 28 December 2024 Somoy TV International Bulletin 4pm Latest News

SOMOY TV Bulletin

8,288 views
1 hour ago

25:52

Channel i News 2 pm Channel i News 2 pm 28 December, 2024

Channel i News

12,927 views
3 hours ago

4:41

Mayukh-Shubhendu face criticism from the media and the public in their home country India Maasranga News

Maasranga News

652,355 views
9 hours ago

19:10

Jamuna News Latest News Headline and Bulletin Jamuna News 28 December 2024 . 4 PM Jamuna TV

Jamuna TV

25,451 views
1 hour ago

16:18

What Jahangir Kabir Nanak said about the current situation of the country Jahangir Kabir Nanok

Protidiner Bangladesh

250,215 views
9 hours ago

28:59

Dupurer Bangladesh Dupurer Bangladesh News and Bulletin 28 December 2024 1 PM Jamuna TV

Jamuna TV

148,664 views
3 hours ago

58:46

Unusual Democracy! Assistant Professor Mirya Ghalib Rezaul Karim Roni Episode 7815

Channel i Shows

87,745 views
3 days ago

18:24

BanglaVision 2 PM News Bulletin 28 December 2024 BanglaVision 2 PM News Bulletin 28 Dec 2024

BanglaVision NEWS

147,532 views
3 hours ago

6:40

Locals in Barisal have blocked two trucks of old documents, suspecting them to be Secretariat documents Channel 24

Channel 24

1,474,627 views
20 hours ago

39:14

All the news of the day together Sob Khobor 6 PM 27 December 2024 Jamuna TV

Jamuna TV

298,100 views
22 hours ago

Google AdSense
336 x 280