Тёмный

Fylo landing page two column layout. (BONUS - Form validation) | HTML & CSS project with source code 

KimDoesCode
Подписаться 206
Просмотров 364
50% 1

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

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 2   
@Daniel-di8rh
@Daniel-di8rh Месяц назад
Nice video. Please be starting desktop design first next time
@kimdoescode
@kimdoescode Месяц назад
Hey man, thanks for watching the video and for the suggestion! I actually do both-sometimes I find it easier to go mobile first because it makes the desktop version smoother to handle, and vice versa. I'll continue to do desktop-first and mobile-first approaches in different videos. It’s great to know how to work both ways!
Далее
July 14, 2024
15:40
Просмотров 59
؟ Docker ليه بنستخدم 💙
18:52
Просмотров 80 тыс.
Why Beautiful Websites Don’t Convert
12:57
Просмотров 143 тыс.
Coding Was HARD Until I Learned These 5 Things...
8:34
This Took Me 150 Hours to Code
16:40
Просмотров 181 тыс.