In this video, you will learn how to make a simple one-page Webpage using HTML and CSS Flexbox. This project is good for beginners who are learning about HTML and CSS and want to do some practice projects. .
I spent most of the day attempting to find a decent tutorial on how to structure a basic webpage and this is by far the best video. Thank you very much!
I love this clean code, you are not using extra divs to confuse begginers and the best thing is you are using semantic elements which make your code extravagant... Can you please create more videos of this?
Mann please don't stop making content for noob! I can't thank you enough for this video. It helps me a lot. Everyone creates projects like this without any explanation or clue they just write the code and show but you do these both in a short time! Thanks a lot again, from Bangladesh!
holy shit. you're succinct, explained EVERYTHING you did, gave the right amount of data, got to the point, didn't waste time on a dumb intro, and, AND you're better than my web dev teachers!
Wow very simple yet cool landing page! I believe this SVG is from undraw. I am very afraid of using CSS but i think I'll start now seeing how easy it was to design this simple yet elegant page.
I appreciate you , you're perfeeeeeeeeeeeeccccccccccct, simple, effective, easy, understandable you must be a lecturer and a professional one, this my first video for me but dammmmmmn I'll go through your entire videos. Thank you for sharing.
Brother you have one more subscribe, your explication is fantastic, and you create a site for beginners and who can use for some intermediate. Now try to create a site a little bit difficult, so that we will learn in different ways withyou. Your channel is one of the different I see, Congratulations Brother.
Thank you so much sir, this came handy. explained in a concise and comprehensive way ...Sure all my doubts have been cleared. Thank you once again for the conteent and channel
Good video but some problems : hig speed and hard to follow, black screen with red text of class names and id that not clear in robust network resolution (480p), otherwise this is the good tuturial
At 10:26 when your selecting the "a" tag why did you need more than the "a"? Also please go through adding the underline animations in greater detail. I do not understand what all the attributes/setting were doing individually. Thanks in advance
so as to be more specific, since i need to target the a tag inside the ul, otherwise all other a tag would also get the styling which i intended for the navlinks.. its better to be more specific than to mess the styling of other elements accidently. Hope you understand Regards
@@SGWEBDEV I thought that was the reasoning, Thank you! if possible can you also can you go through adding the underline animations in greater detail. I do not understand what all the attributes/setting were doing individually. Very helpful video by the way, you area wonderful instructor.
@@SGWEBDEV Thanks! i cant wait to see it! BTW im actually having trouble with animation. its appearing above the links! ul li { padding: 0 20px; text-decoration: none; color: #3a3a3a; position: relative; } li a::after{ content: ""; display: block; height: 4px; width: 0; background: #c4c4f7; transition:all .5s; } li a:hover::after{ width: 100%; } please help if you can.