Adding Feature Section | Audio website from scratch using HTML CSS Python and Java Script

With the website home page coming along quite well, in this video I'm making a slight alternation to the website by making a feature section and smaller image for the library. I utilise media queries more frequently to develop responsive website format and adjust the padding between sections.

A good lesson learnt where a better or more detailed design decided upon before starting would have reduced the number of changes having to be made. But that's how it is when you DIY a website from scratch.

The sites I build use HTML styled with CSS, and JavaScript for functionally where required. I make my websites from scratch using Visual Studio Code software.
My sites are mobile responsive exploiting Flexbox in the CSS. JavaScript used only when required. Fonts via Google Fonts link.

This video is part of a series. Checkout my other videos:
https://youtube.com/playlist?list=PLZzIfx3OIzSuVk4tBBpegXJ2r8dd6nIE_

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
0:00 - Review
0:21 - Now Two Feature Items
0:53 - Rename the HTML class and CSS class
1:26 - Fixing Absolute Position Error
1:49 - Neatening the HTML
2:21 - Layout the new Library Section
2:41 - Media Queries for Responsive Website
3:11 - Reapplying the Coloured Overlay
3:43 - Cleaning up the HTML and CSS
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

I independently work on Framework2232 in my free time. If you like show your support, please follow and promote the usual social media.
FOLLOW FRAMEWORK2232:
Website: https://www.framework2232.github.io
Twitter: https://twitter.com/framework2232
Instagram: https://www.instagram.com/framework2232
Pinterest: https://www.pinterest.com.au/framework2232

For HTML Headtags: https://www.htmlheadtags.com

Background Music:
When I use background music in my YouTube uploads, I slap the music together myself using LMMS and retain original files. It may not be a top 10 hit but as I made it myself, can't be hit with copyright claim.

#HTML #CSS #JavaScript #Python