Manage Responsive Landing Page using HTML, CSS and JS

Thanks to the excellent Youtube of channel Kevin Powell, I was encouraged to do this project. Honestly it was not difficult to followed him step by step as I currently work as UI developer but it was a perfect project for refreshing and testing my css skills.

The areas of my code where I was unsure were the creation of the ":root" variables as I am not accomodate to use them even though I know it is almost a standard nowadays. Also I found interested but unsure for the lack of using it, controlling tags like "[data-type]" or functions like clamp, e.g. "clamp(var(--size-400), 5vw, var(--size-700));". After the brilliant explanations of Kevin, I have no doubt that I will start using them.

To finish the project, and that was not done in the Kevin's videos, I adapted the height of the slider content boxes, corrected the vertical alignment of the header logo and hamburger menu and duplicated the header logo to be different and independent with the footer logo.

The best practises where cristal clear so no doubt about that point.