In this 3rd and final part of this Wix Editor X tutorial series on the CSS Grid, we will adjust our grid layout for each breakpoint so that our site is completely responsive, and looks great on all screens and devices! If you would like to receive more exclusive Wix content such as resources, trainings, and courses then make sure to join this mailing list https://mailchi.mp/5e9b7bca4253/join-the-club.
★ ★ ★ Start Here: https://wixstats.com/?a=38934&c=124&s1= ★ ★ ★
Table of Contents:
00:18 Previous Tutorial (Watch First)
00:30 Designing for Tablet
02:07 Designing for Mobile
07:25 Quality Assurance
______________________________________
______________________________________
► MY TOOLS
Hardware
• 2019 16” MacBook Pro: https://amzn.to/3cXNfQK
• 2019 iPad 10.2”: https://amzn.to/2TvygFX
• Apple Pencil (1st Gen): https://amzn.to/2Zte4sj
• Dell 27” 4k Monitor: https://amzn.to/3bVSsXZ
• Magic Mouse 2: https://amzn.to/3bVSuz5
• Magic Keyboard: https://amzn.to/2LT61x2
Software
• Adobe Creative Cloud: https://www.adobe.com/creativecloud.html
• Webflow (Amazing no-code website builder): https://webflow.com/
• Wix: https://wixstats.com/?a=38934&c=124&s1=
• Flaticon (Free graphics and icons): https://www.flaticon.com/
• Freepik (Free graphics and icons): https://www.freepik.com/
• Vecteezy (Free graphics and icons): https://www.vecteezy.com/
• Unsplash (Free high-quality lifestyle photography): http://unsplash.com/
★ ★ ★ BUDGET STARTER PACKAGE ★ ★ ★
• MacBook Pro 13inch: https://amzn.to/3euloIj
• Adobe Creative Cloud: https://www.adobe.com/creativecloud.html
► EXTRA:
• iPad 10.2: https://amzn.to/2zH8jN6
• Apple Pencil: https://amzn.to/3chhUY6
• (Not Needed, but great for wireframes, notes, and testing site responsiveness)
______________________________________
______________________________________
► ABOUT:
I am a designer and marketer, who has a passion for web design. I like to help others by sharing my processes, tips and tricks, and the best software and tools to use for web design.
► SUPPORT THE CHANNEL:
Ko-Fi: https://ko-fi.com/richvargas
► CONNECT WITH ME:
Twitter: https://twitter.com/imrichvargas
Instagram: https://www.instagram.com/richvargasd…
Facebook: https://www.facebook.com/richvargasde…
LinkedIn: https://www.linkedin.com/in/richvargas/
______________________________________
______________________________________
