Flexbox Website Using CSS Variables In 20 Minutes!

Опубликовано: 01 Апрель 2025
на канале: TechSquidTV

7,511

151

Get 10% off your domain name with Hover
https://www.hover.com/robosquidtv
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

Real life example of a responsive website using flexbox and css variables.

This time we'll take what we learned about flexbox and the mockup we designed in the last video, and create a real home page that is responsive, mobile-first and uses CSS variables.

#webdev #flexbox #css

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
🔗RELATED VIDEOS
----------
Flexbox Tutorial:    • Flexbox Tutorial - Responsive Web Des...

How To Make A Mockup:    • How To Mock-Up A Website Design!

🔗MDN LINKS
----------
1. CSS Variables - https://developer.mozilla.org/en-US/d...

2. Flexbox - https://developer.mozilla.org/en-US/d...

🔗LINKS
----------
Github (Source): https://github.com/Ampix0/RoboSquidTV...

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
🌍SOCIAL
----------
● Facebook -   / robosquidtv
● Twitter -   / robosquidtv
● Instagram -   / robosquidtv
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
🛒 SUPPORT THE SHOW
----------

http://amzn.to/2hvLjXr

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
🎧MUSIC
----------
● Artist: DJ Quads
● Song: I Like To
● Link:   / i-like-to

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
🎥 MY GEAR

Canon T3i: http://amzn.to/2uUggGT
Glide Gear Teleprompter: http://amzn.to/2sWJ6VA
Amazon Fire Tablet (for teleprompter): http://amzn.to/2tWzLB0
Lighting: http://amzn.to/2u1XIIc