69,608 views
🐙 GitHub (code used) https://github.com/lightsound/html-cs... 📙 Table of Contents0:00 What is a sidebar layout1:03 Preparing to write code2:19 Resetting the browser's default style3:39 Creating a sidebar using flexbox4:28 Using min-height to set the height to MAX6:20 Setting the width of the sidebar7:59 Creating a footer in the sidebar11:06 Changing the main from full width to fixed width11:50 Preview of what will be created next12:45 Explaining the design of the sidebar14:35 Viewing sites that use sidebars18:09 Summary🚀 Today's messageToday, we will code the commonly used layout "sidebar". In the second half of the video, we also explain web design. Recommended for those who have finished the basics of HTML and CSS. Practical HTML/CSS programming course by engineer YouTuber "Shimabu"! 🔥Watch this video! [HTML/CSS Layout] Holy Grail Layout Coding Practice, Design Explanation • [HTML/CSS Layout] Holy Grail Layout Coding Practice, Design Explanation... [HTML/CSS Layout Extra Edition] I made a Chrome extension that is useful for coding • [HTML/CSS Layout Extra Edition] I made a Chrome extension that is useful for coding... 👨💻 About MeI used to work as a programmer at Yahoo Japan Corporation! Now I'm developing a new service as an entrepreneur! Please subscribe to the channel if you are interested in the following! ・IT industry, web-related, programming courses ・Remote work, working from home, side jobs ・Startups, ventures, managers, CEOs 🌏 Social Media Twitter: / shimabu_it Instagram: / shimabu_it 🏷️ Tags#Sidebar #Webdesign #Sidebar