Hi, you said the source file like image etc in the description in your video but I could not find it. I need the manu icon you used to follow along. Please provide the source code to follow along. Thank you for your nice tutorial.
One of my biggest confusions is understanding what display: inline-block; does, what it means, and when I’m supposed to use it. Also the other displays as well (inline, block, etc)
HTML tags are grouped into block( eg h1) and inline (eg span )elements. Block element takes up full line, to easily understand this draw a border around h1 element. To let inline element to exhibit this behavior we override its default behavior with css property display and set it to block. Also with inline element you cannot use padding on it so we display it as inline -block to exhibit the behavior of both inline and block element
you answered a question nobody asked. bro, would you believe i spent over 2.5hrs figuring this out. i just didn't know what was wrong. thanks a lot man.
don't know if you figured it out. but ran into same issue and discovered two solutions. 1. I changed the position of hero to absolute. 2. changing the height from 100% to 100vh seemed to also work. I'm 2 moths into coding but I find it really weird that his way worked for him and i had to find other solutions.
Brother, I am a bit confused at 2.00 . How can you show red color without any content in the document? I have done exactly the same and I have rewatched your video 10 times but still I did not get the same effect and I realized that 100% value is relative to its parents height and all parent container tags like div.hero, body or even html have 0 content so 0 height. Now giving 100% to child tags will achieve 0% height from its parent as the parents height is 0 because of no content inside them. So, how can left-col receive red background and full screen height without content or fixed height like vh or px etc. Please help me understand this. thank you so much.
@@ProgrammingwithPeter the text is over another text and when the last slider comes the last text shows bht when the first slider comes all the text and there and there is supposed to be only one text which is for slider 1
@@ProgrammingwithPeter whats a code pen ? I just dont want the 4th 3rd and 2nd text to show on the 1st slide and 1st 3rd and 4th to show on the second one..
I am a Premium Member and pay 5€ a month for the source code and more. Where can I get the source code for all these websites. I already dm you on Facebook?
This is the type of website desgin i was looking for, thanks
We want to Responsive web page on html, css , bootstrap...
Amazing! learning become so easy with easy tutorial.
Its nice for desktop but it doesn't seems to be responsive or mobile ready =(
can you upload the images please so we can follow along?
cheers
Hi, you said the source file like image etc in the description in your video but I could not find it. I need the manu icon you used to follow along. Please provide the source code to follow along. Thank you for your nice tutorial.
Very appropriatable work.
Mind blowing bro
thank you so much . i am waiting for your new video
Good tutorial, but pls explain some terms you use and why cause of some beginner that doesn't know css or html.
So modern looking but for just 100vh isn't that too much design? First thing about design is simplicity
thanks a lot
Sir
I request it you, make one video for web application.
would you please do a continuation on how to add pages to this ? ty
Nice one... bhai pls do some more video of full website from top to bottom for nice member section video gallery nice bottom (footer)and more.
Nice and not very complex, good one mate. Just explain some of the codes you use and what do you use them for.
Nice tutorial keep it up
Pls sir make complete responsive web page
great! I practice! nice! Greetings from Peru
I have seen about that good tutorials you make. That's keeping on
One of my biggest confusions is understanding what display: inline-block; does, what it means, and when I’m supposed to use it. Also the other displays as well (inline, block, etc)
HTML tags are grouped into block( eg h1) and inline (eg span )elements. Block element takes up full line, to easily understand this draw a border around h1 element.
To let inline element to exhibit this behavior we override its default behavior with css property display and set it to block. Also with inline element you cannot use padding on it so we display it as inline -block to exhibit the behavior of both inline and block element
How to make it respinsive????
Great tutorial. But pls upload source image in the next video :). Tks u very much!!!!!
thank you
Very professional
Amazing work....love you bro
Just wondering, why you don't incorporate the power of Bootstrap into your design.
Love you bro...
great tutorial,, I've learned a lot thx
Thanks for video sir.
The text for the slide css animation video does not go away after every image it stays there Someone please help this youtuber does not help
Height: 100vh
works for .left-col .right-col
you answered a question nobody asked. bro, would you believe i spent over 2.5hrs figuring this out. i just didn't know what was wrong. thanks a lot man.
Amazing.. İ loved it.. Thanks for a nice tutorial..
Please upload the images so we can follow with you.
Alright, will add the images link in the description, btw you will find images link in all my latest videos.
You know It would be more nicer of you if you were to provide the link of the materials
Nice. TQ!!
You should really be more engaged with your audience
Great video, Avinash. You're doing a great job!
you are pro
The text for the slide css animation video does not go away after every image it stays there Someone please help this youtuber does not help
provide source code as well. I'm coding along but my results aren't like yours.
me too sometimes it can be frustrating
solid man...great video!!!
Great tutorial, Could you make part 2 for responsiveness?
The text for the slide css animation video does not go away after every image it stays there Someone please help this youtuber does not help
@@AbisGamer you are right
Good am also do this on visual studio
I couldn't get the flex-basis thing to work, the left red background failed to pop up. So I couldn't continue. Even though my code is error-free
don't know if you figured it out. but ran into same issue and discovered two solutions. 1. I changed the position of hero to absolute. 2. changing the height from 100% to 100vh seemed to also work. I'm 2 moths into coding but I find it really weird that his way worked for him and i had to find other solutions.
Go ahead
What programme did you use?
Great tutorial Thanks :)
may be you can also upload link for image file in the next video :)
Where you get the creativity man?
I thing i saw this some one make it with dx and you just coding this it gonna be perfect if use your design
Thats amazing. Can you make responsive web page in next tutorials.
Yeah, that would be great!
I am to waiting to watch your next video on responsiveness to this site.
Bro, Is the website is responsive? ...
Nice works..
Brother, I am a bit confused at 2.00 . How can you show red color without any content in the document? I have done exactly the same and I have rewatched your video 10 times but still I did not get the same effect and I realized that 100% value is relative to its parents height and all parent container tags like div.hero, body or even html have 0 content so 0 height. Now giving 100% to child tags will achieve 0% height from its parent as the parents height is 0 because of no content inside them. So, how can left-col receive red background and full screen height without content or fixed height like vh or px etc. Please help me understand this. thank you so much.
Instead of 100% use 100vh instead for left/right-col's height value.
Looking great! P.S. been a while since i saw someone using brackets!
The text for the slide css animation video does not go away after every image it stays there Someone please help this youtuber does not help
@@AbisGamer what do you want to implement? a slider ?
@@ProgrammingwithPeter the text is over another text and when the last slider comes the last text shows bht when the first slider comes all the text and there and there is supposed to be only one text which is for slider 1
@@AbisGamer can you make a codepen with it ?
@@ProgrammingwithPeter whats a code pen ? I just dont want the 4th 3rd and 2nd text to show on the 1st slide and 1st 3rd and 4th to show on the second one..
nice bro
Responsive website
Wow, this is awesome
Helo, so the flex-basis is a flex box? I pretty much hear about flex box but didnt understand what its
William Vincent flex-basis is the width of the flex item. Acts like a div width, but this is for flexbox.
@@cooljohnny9402 can you please make me clear that what he used inside the content: ' 02/04 ' like that. I will be grateful to you...
great, but what about responsiveness
code it in bootstrap studio
Followed along upto 2 minutes, but nothing shows up on browser.
when i use px instead of %, divs show up, when i use % they disappear, what could be the problem?
What about mobile friendly?
Good
How can I make the icons linked to browser sir
download the jpg image of icons and add it to your html code :)
How to turn any website responsive to mobile views?
cool!
mazing
hello and good night how to online publish on website can helpe me
How do we make this template responsive to mobiles
link to download the image folder? please
How to make this responsive??
The text for the slide css animation video does not go away after every image it stays there Someone please help this youtuber does not help
it looks good, but it's not responsive!
Mija Kovač how to make it responsive?
@@steff97official code it in bootstrap studio, it will be responsive automatically
Please upload source code and images
How to calculated White bars top and left?
do hit and trial for dimensions and apply what suits you best.
Zitracks ok , thanks
I am a Premium Member and pay 5€ a month for the source code and more. Where can I get the source code for all these websites. I already dm you on Facebook?
Wtf
How to put image inside the navbar
whats the code editor used?
Virtual studio
@@klevishenkoja3560 The dude used Brackets in this video, not VS code.
Can you create a website with database
JSP SQL
Please give us source code of this website homepage
Do you know some alternatives for div?
You can go for section
Please upload source code
Hey sir, thank you, you just miss the source of images .... UNFOUND!!!!
What's happened actually? Put your image at the exact folder ..hopefully then it's work properly
Pic ki link kaha han
Link to the source code please
Give the source code please😛😛😛😛😛🙏🙏🙏
Too much use of magic numbers :(
porfolio
Dude create college website
hierarchy is not good.
link href on front is error ??
It Must Be Missing Angle Brackets =)
Is it responsive?
No. Every other comment on here is asking on how to make this responsive.
@@swing-o-gram lol Same here
give us the source code
I need how to responsive this website
Ya
Hi! Subscribes want responsive and interactive this page, i think it's very difficult make, with absolutely position elements, sry for my English))))
U stupid
source code?
plz give me for imags file
ভাই আমার সাথে
hola pon un link iconos prfavor
where is the image bro you tell us is gonna be in the link every video you do that but we don't find.. so stop lying first unlike
Perfect example of low quality code. Please don't just blindly copy this...
Not responsive
x