Develop a cleanse and fashionable landing website page web site with HTML, CSS & Sass
Kevin Powell YouTube Channel:
Code:
💖 Assist The Channel!
Web site & Brad Traversy Udemy Class One-way links:
Comply with Traversy Media:
00:00 – Introduction
01:41 – Start out HTML
07:57 – Commence CSS
17:57 – Styling the hero
24:54 – Styling the highlighted area
48:23 – Styling the our products and solutions part
54:51 – Applying the personalized qualities we set up
1:02:06 – Making use of floats and form-exterior
1:14:26 – Outro
Just want to say a really big "Thank you" to Brad for having me here on his channel. Pushed me to make a really awesome page, definitely one of my more fun projects in recent memory. I really enjoyed making this, and am so happy that Brad was willing to have it on his channel!
excuse me I need help, @support is not working for me?
please tell me what to do?
I'm gonna be honest. This tutorial is great, but this SASS is thing is really messy, i see why people would use it but i hope i never have to
At 41:00. Does anyone know why some of my images center perfectly but some position a bit too far up? Thanks
Guys your the best tutor ever I don't wanna lie but when you can you do the website and connect to the internet straight?
could you please tell this font name and size
" thats fun" the best line ever 😀
in the split container you could do a one-liner auto-fit minmax.. with grid
in the featured if you want to make the blue ::after smaller, just add border with color of parent
kevin doesnt know shit !
@6:30 how do you type multiple img tags like that?
Thank you, awesome content.
As you have used display flex in split class so why didn't you used flex-direction column instead of flex wrap?You could have adjust it into column using media query.
background-attachment: fixed does not work on mobile.
Sir i want to know should i put google ads or another company ads on affiliate landing page for more earning ?
thank you so much for the video!
and guys i have a question, how can i set the preview of web page on chrome like kevin? I use atom and every time after i write sth i minimize atom and check the html site, its exhausting :///
Kevin can you write the packages that you used on vs ? i cant find them, would be appreciated :)) thanks
Awesome video ! thank you soo much :))
Learned a lot. He used a lot of cool tricks. I just started learning web development.
Very very best tutorial on youtube about this topics. I can't explain what to say, very nice. Thank you making tutorial like this, people can understand easily.
At minute 47:50 just add in css:
.featured a:nth-child(2) > p {
margin-top: 1rem;
}
And problem is solved.
*Insert hand clap emoji *
Excellent one as always. I really like the "clamp" and the "shape-outside" property and "spacing > * + *" trick. Stacking content although a bit confusing to me but anyway overall a very good tutorial. Thank you.
I'm very much interested and like all your creativity works- You have really helped us from very far
I just like your hard work plus sharing with us great ideas and new skills in web development-
we really appreciate
are these hard a bit for a beginner??
This was a really great video, I watched the whole thing didn't skip a part, was really informative and really inspiring. Thanks to Brad and Kevin for the work they put in.
What software is used to build that?
AWESOME
cool tutorial…
on shoe white or shoe left… u could use text-align to right… that could have fixed that🙂
I came back 8 months later to watch again. I mean can anyone else think of a more powerful duo than Brad & Kevin? Omg what if they teamed up together and taught us something big one day!! 😊✌🏻
Sir your teaching method is very simple
Why display block for images? Is this so you can do margin 0 auto to center?
43:30 this is why to avoid nesting code at all times, no matter what the advantages of doing it seem to be when starting. After a while, trouble is guaranteed with nested code.
I think also that the different dimensions of images, cause some (minor) visual disturbance since they never seem to be aligned perfectly in reference to each other… case with the circles behind them and the item_details positioning.
Other than that, great tutorial, great design, and really fun to code along,… I hope Kevin doesn't mind me using this in my portfolio…