13,212 views
Today we're building three simple CSS (SCSS) layouts that everyone should build at some point, and I'll explain everything that's relevant for beginners. Want to support this channel? ???? https://www.buymeacoffee.com/unleashe... Questions or problems? Become part of the community! (Free) ???? Discord Server: / discord Support the channel: ???? Adobe Creative Cloud: https://prf.hn/l/Vlkn0QW (Affiliate Link) ???? My UI Design Tool: https://bit.ly/UseAdobeXd (Affiliate Link) ???? Music I use: http://bit.ly/MeineHintergrundMusik (Affiliate Link) ???? My business account: http://bit.ly/MeinFreelanceKonto (Affiliate Link) ???? My accounting software: http://bit.ly/sevDeskUnleashed (Affiliate Link) ???? My hardware/camera equipment: http://amzn.to/2ccEY0l (Affiliate Link) ???? YouTube membership: http://bit.ly/YouTubeSupporter (Affiliate Link) Chapters: 00:00 Introduction 01:02 Setup 01:26 Single Page - Demo 01:49 Single Page - Code 09:25 Basic Blog - Demo 10:06 Basic Blog - HTML 12:19 SCSS Mixins (Media Queries) 15:07 Basic Blog - CSS 25:52 Basic Shop - Demo 26:56 Basic Shop - HTML 28:43 Basic Shop CSS 37:04 End Links from the video: ► Blog: https://codepen.io/Un leashed-Design/p... ► Shop: https://codepen.io/Unleashed-Design/p... ► Single Page: https://codepen.io/Unleashed-Design/p... ► VSC Theme: http://bit.ly/VisualStudioCodeTheme ► IDE Tutorial: • New Basic Web Dev IDE with Vite! ???? [T... #Tutorial #CSS #WebDesignLernen My social media pages: ► Homepage: http://bit.ly/1y4rvIA ► Youtube: http://bit.ly/1rPBJ9Y ► Twitter: http://bit.ly/1y4rMeD ► Instagram: http://bit.ly/1UjBLuD ► Twitch: http://bit.ly/29VyA7J ► Discord: / discord Copyright by Johannes Schiel / Unleashed Design