Today's video covers Frontend mentor's Fylo landing page with two column layout solution and as a bonus, I've included form validation using Bouncer JS.
In this video, we will...
• Breakdown the layout to understand it better
• Structure the HTML properly
• Style the components and also make the layout responsive
• Include form validation without having to write any JavaScript.
👉 Resources
• BouncerJS: github.com/cfe...
• Live preview: main--chimeric...
• GitHub repository: github.com/Ore...
• Fylo landing page challenge: www.frontendme...
👉 Timestamps
1:18 Getting the starter files
2:13 Layout breakdown
4:05 Structuring the HTML
26:55 Setting up the stylesheet
37:24 Styling the mobile view
1:11:44 Styling the desktop view
1:29:45 Form validation with BouncerJS
26 сен 2024