@@kizigamer6895 Absolutely! The extensions I currently use are: 1) vscode-pdf - Display PDF's in VSCode. 2) Prettier - Code formatting. 3) Path Intellisense - Autocomplete filenames. 4) Live Server - Local server with live reload. 5) ESLint - Integrates ESlint Javascript into VS Code. 6) ES7 + React/Redux/React-Native snippets - Extension for react with ES7+ syntax.
I'm new to coding and i follow each steps. This has to be my first ever completed project, finished in 2days...thank you Mr. John Doe ❤much love from Nigeria
This is literally the best beginners friendly follow through project I've come across here on YT. I love how you clearly explain every step and I love how you share the keyboard short cuts as well. Thank you so much man. Please don't stop!
as a backend dev who struggles with mobile responsive designs to help make my portfolio mobile friendly for tech recruiters, thank you!!! CSS is really hard compared to C# and C++ lol
This is the best for the beginner who wants to know how to structure the html . Best thing is , I am able to resolve the issues that occur during the video by myself !! Thank you so much for man
After 5 hours of work, I finally finished this project, you are a great teacher, and thanks for uploading this content, you have a new subscriber, you are great my friend!
THIS IS INSANE XD I've been studying HTML and CSS on my own through a book I found online and I can't believe myself that I actually built my own portfolio website based on this video!! I finally can make the website as my scholarship portfolio :") Thank you sooo much for helping us with this beginner friendly tutorial!!
Awesome channel. Simply the best channel for learning html css and javascript on youtube. Simple, direct and to the point, all the while really teaching something usefull and cool and most importantly, with no cuttings and edits on the videos. I just love the way you have all those errors and bugs in the code and didn't cut it from the video, instead you went on to hunt the error and correct it live. Perfect, just earned another subscriber.
If you're having trouble with the media queries showing up, add the media query to the bottom of the styles.css file instead of having a seperate mediaqueries.css file. The media queries have to be at the very bottom of the styles.css files AFTER ALL OTHER SECTIONS/CLASSES/IDS ARE DEFINED! if not there will be a ton of issues. I was having a ton of problems getting the media queries to show up on my windows computer. This was my solution that worked after 5 hours XD
Thank you very much! did the whole steps, and was finally able to create my first website from SCRATCH! It took me 5 hours to finish the whole project, did some typo and had to go back multiple times. It was stressful, but the reward of feeling of finally completing it and sharing to your friends really hits different! Put some dope music while recording your video will make it much more dramatic! haha
Heads up!! If "scroll-behavior: smooth" is not working on your google chrome, it is because you need to enable a chrome flag called "smooth scrolling", which is turned off by default :)
Thanks for a very insightful tutorial & awsome explanations , I had built my very own portfolio website by following this tutorial, although I have had a few errors 😂but managed to sort them out. Thanks a million my good sir.🙏🙏🎉
Thank you so much for this tutorial. I had minimal knowledge of html and css going in and everything was so clear and easy to follow. It's provided an awesome baseline for me to go away, experiment and learn by doing. You gained another subscriber here, I'll definitely be checking out more of your content!
Looks great, thanks for the tutorial! I'd like it even more if you explained what each styling actually does and why we are using it throughout the tutorial though. It's a bit hard to follow along for someone who hasn't used CSS much before, and I had to rush to keep up with you, without really understanding what you were doing or why some of the time. Still helpful though, and I definitely picked up a few things I didn't know before.
Of course! First of all the way you explain everything, the set up. Looks clean, you don't jump any steps, a true beginner can build his or her own portfolio from watching this. The styles were neat and aestethic. The way you talk and whenever you seem to have a bug you redirect yourself to it , think about it, examine the file and fix it so smoothly. I would love to see more tutorials, Javascript tutorials for example, logical thinking! I am a fan of your work. @@howtobecomeadeveloper
Thank you so much for the detailed feedback! Makes me very happy to hear, and I will take it to heart for future videos 😊 And I will definitely be making more JavaScript focused tutorials!
Thank you for the video tutorial mate! It was great and I was able to use it as a base to build on top of my own portfolio! I like how you tried to explain the code as you wrote. My only feedback would be to walk us through the styling more, as towards the last hour of the video, we just did tons of styling without much explanation. Once again, a brilliant tutorial and you've gained a new sub😊
very good video my friend. You explained everything very nicely, great voiceover and very understandble design layout and structure of html and css. This video is a great introduction to responsive website creation and all things that are to be looked out for when learning. 10/10 ! :D
@@howtobecomeadeveloper Hey, I noticed a small issue with the vertical scaling of the profile section which results due to using a set viewheight in the stylesheet and mediaqueries, you can fix it by switching them to auto :D
Easily one of my favorite tutorials to date! It's pleasant to watch and easy to follow. You also have a gift for making people excited to get better! I'm 1:28:31 in and I do have a question for you if you don't mind. On the Experience page when listing the frontend and backend skills, I've noticed that if I add React or another framework in the h3 header of an article, the entire article container shifts, and the checkmark icons become out of alignment. The only way I found to resolve this is to remove the justify-content property from the article styling in the CSS. Do you have a better suggestion? Thanks so much for all that you do!
First of all thank you very much for your compliments! It is very humbling 🙏 As for your problem, I am trying to understand it. Are you adding a separate article with React in the h3 like this: React or are you adding the word React within another existing h3, like this: Git React If you are doing the second one, maybe it misaligns when there are two separate words. If you are doing the first I do not know what is the issue but if you have found a solution then that is great! It also might just be that the way it is designed currently "breaks" over a certain amount of articles listed, and the CSS needs adjusting, like you have done. Let me know if this solves it 😊
@@howtobecomeadeveloper Absolutely! I finished the tutorial and subscribed so that I can stay up to date with your page. So, for the skills in the Frontend container, I have 6 separate articles. Each article has an img element, a div element that contains an h3 and p tag. The first 3 tags always line up no matter what I put in the tag. However, when I edit the 4th article and put React, the webpage automatically pushes the article (img, h3, and p) inwards so that it becomes out of alignment. Then, if I edit the h3 and change it from React to JavaScript, it realigns perfectly again. It's weird, but yes, I noticed that commenting out justify-content in the styless.css under article in the EXPERIENCE section fixes this. Anyways, I completed the tutorial and loved it. You are absolutely incredible and I genuinely appreciate the time you've taken to make this video for us. Can't wait to watch more!
Well seems like you found a solution, that's great! No need to fix what isn't broken 😊 Thank you for the kind words, I'll be making more videos like this one!
Thank you, I didn't learn Web development during my Bachelor's and Master's degree (the course wasn't mandatory so I preferred to learn other stuff). I am learning it now to increase my chances to find a job in the geographical area that I want and this tutorials are very helpful. Thank you!
At 27:47, i had a problem in which i couldn't see the burger menu as shown. I've been following the whole tutorial so far, everything worked until this point. Any suggestions on what might have caused this problem?
@@hasiff9237 ".menu-links { top: 100%; }" is making your list appear at the end of the div. Ensure that your "menu-links" div is nested inside the "hamburger-menu" div. You can check the structure at 31:58 in the video, where both divs end at lines 36 and 37.
where is the section-container class created in html?? .section-container that is in css which display property is changed to flex!!! i am soo stuck here...
@@keishamanapa3455 have you solved it yet?? i'm sorry but quite didn't understand your case....can you explain a bit?? i am not an expert but might be of some help... :)
Thank you for the tutorial. I hope you continue to create more videos aimed at beginners, teaching techniques that will assist them in securing internships.
Great tutorial and explanation! I've seen many videos and you are great at making it clear and simple and easy to follow along. I'm looking forward to seeing more of your videos! Thank you!!!
this is SUPER COOL, SUPER EASY, AND SUPER FAST. i sincerely thank you for making this video, it's super cristal clear and needs no payment at all. Thank you so much for making this video, I really owe you one!
This is one of the projects I have completed in the shortest time, it was really cool. Would love to see a tutorial to go a bit more in deep on responsive and then starting to make the page a bit more interactive! thanks also IT would be nice to get to learn a bit more about github!
Thanks for this amazing tutorial buddy its really helpful for me for my first project.. Currently i started learning web development.. I like every part of this tutorial . Only just get confuse in css part maybe because i am beginner that why ? keep continue once again thank you !!!!!
Dude this is amazing! I can finally create something to display some of the projects that I've done, this is clean! Applying for some internships at the moment haha
very good video my friend. You explained everything very nicely, great voiceover and very understandble design layout and structure of html and css. This video is a great introduction to responsive website creation and all things that are to be looked out for when learning. 10/10 ! :D
Thank you so much for your video. I made my first portfolio according to your code becasue I like the black and white design of the page. Great work, Bingo.
Thank you so much for this incredible tutorial! Your step-by-step guidance made it a breeze to build my portfolio site, and the insights on launching it online were a game-changer. I feel empowered and ready to showcase my work to the world. Your clear explanations and practical tips made the process enjoyable and educational. Grateful for your expertise and generosity in sharing this knowledge! 🙌 #WebDevelopment #PortfolioBuilding #TechTutorial
How i wish I knew you when I was studying frontend development, I probably wont have struggled some like I did :) This is one of the best tutorial on html and css, Thank you :)
Thank you so much for this tutorial! I absolutely enjoyed it and learned a lot of new information about css! Hopefully one day css will get easier for me 😬
I'm at a loss for words my friend. This was an amazing experience. I really appreciated your clarity, tone, speed, and quality. Quality as for the video, the code itself, and the end result. I had a list of questions to ask but I was able to resolve most of them after some trial and error/research. The only thing that I cannot figure out is why my #about section photo remains parallel with the .details-container sections under reduced formfactor conditions. I just removed it for now. I can assure you I have quadruple checked all relevant html and css, but simply cannot find the culprit. One thing I did try was moving the div/image above , which solved for reduced screen width conditions but due to obvious reasons broke desktop/tablet view width layouts. That said, do you have any study materials, books, or people to follow to continue learning? I've been using MDN Web Docs for references to specific concepts you've shown in your turorial, but I'd like to gain better understanding of general design patterns / best practices for modern web development if you have any recommendations. Sincerely, thanks again! Please keep sharing your awesomeness.
Thank you very much for your thoughtful message! 😊 I can highly reccomend FreeCodeCamp.org as a starting point for a more structured learning path which is free. As for paid courses I personally like Mosh's courses!
@@howtobecomeadeveloper Hi thank you for commenting back , i wanted to ask how do we change to our own pictures as I seem to be having problems with mine as they show to big or to small ?
so glad i ran into this channel. would love to see a js dom tutorial. also, for whatever reason on the media queries my navbar dissapears and doesn't show up regardless of screen size not sure why
@@vaibhavpuri1797 hello Brother check the spellings of hamburger in your index.html and styles.css files make sure the spelling is same in both the files .👍🏻
Build your next awesome project:
www.tubebuddy.com/quicknav/latest/UCkXqOdpo5ul8BosGBFlDgmw
Thank you so much for sharing, Sir. I would like to have an opportunity to create commercial startup website.
@@uminhtetoo My pleasure! Thank you, added to my upcoming tutorials!
can u share what extensions u use with vscode pls?
@@kizigamer6895 Absolutely! The extensions I currently use are:
1) vscode-pdf - Display PDF's in VSCode.
2) Prettier - Code formatting.
3) Path Intellisense - Autocomplete filenames.
4) Live Server - Local server with live reload.
5) ESLint - Integrates ESlint Javascript into VS Code.
6) ES7 + React/Redux/React-Native snippets - Extension for react with ES7+ syntax.
Great videos. I enjoyed every videos from you 👍👍👍
I'm new to coding and i follow each steps. This has to be my first ever completed project, finished in 2days...thank you Mr. John Doe ❤much love from Nigeria
That makes me very happy to hear, well done! 🙏😊
This is literally the best beginners friendly follow through project I've come across here on YT. I love how you clearly explain every step and I love how you share the keyboard short cuts as well. Thank you so much man. Please don't stop!
Thanks so much! That makes me very happy to hear, and you'll be glad to know that I have several more tutorials in the making! 😊
Thank you for waking up one day and deciding to bless us with this tutorial, i cannot thank you enough
Such a nice compliment, I appreciate you!
Finally!!!! something that I was dying for, at least now I can start applying, Thanks for this confidence Man, really appreciate what you are doing!!
I'm happy to hear that! My pleasure!
hey can you help me in this ?
as a backend dev who struggles with mobile responsive designs to help make my portfolio mobile friendly for tech recruiters, thank you!!! CSS is really hard compared to C# and C++ lol
My great pleasure! Good luck with your interview processes! 👏 Yeah CSS can be deceptively hard 🤪
yeah there is so much you have to remember, that is why frameworks and other tools are a blessing.
This is the best for the beginner who wants to know how to structure the html . Best thing is , I am able to resolve the issues that occur during the video by myself !! Thank you so much for man
After 5 hours of work, I finally finished this project, you are a great teacher, and thanks for uploading this content, you have a new subscriber, you are great my friend!
Thank you so much, I appreciate you! 😊🙏
THIS IS INSANE XD I've been studying HTML and CSS on my own through a book I found online and I can't believe myself that I actually built my own portfolio website based on this video!! I finally can make the website as my scholarship portfolio :") Thank you sooo much for helping us with this beginner friendly tutorial!!
Amazing! Very happy that this video found you! 😁🙏
This is a well-spent 2hrs of my life. Nice work Sir!
Very happy to hear that, appreciate it!
Wow, dude! Can't thank you enough for the awesome tutorial! Your explanation was super helpful and I'm seriously grateful for it. You rock!
Thank you very much! I'm very happy that it resonates with you!
Great tutorial and explanation with a cleanly designed website. Thank you for not overengineering it and providing a simple but beautiful design.
Thank you very much, I appreciate your feedback!
Awesome channel. Simply the best channel for learning html css and javascript on youtube. Simple, direct and to the point, all the while really teaching something usefull and cool and most importantly, with no cuttings and edits on the videos. I just love the way you have all those errors and bugs in the code and didn't cut it from the video, instead you went on to hunt the error and correct it live. Perfect, just earned another subscriber.
If you're having trouble with the media queries showing up, add the media query to the bottom of the styles.css file instead of having a seperate mediaqueries.css file. The media queries have to be at the very bottom of the styles.css files AFTER ALL OTHER SECTIONS/CLASSES/IDS ARE DEFINED! if not there will be a ton of issues.
I was having a ton of problems getting the media queries to show up on my windows computer. This was my solution that worked after 5 hours XD
THANK YOU
Bro u saved my life
Thank you very much! did the whole steps, and was finally able to create my first website from SCRATCH! It took me 5 hours to finish the whole project, did some typo and had to go back multiple times. It was stressful, but the reward of feeling of finally completing it and sharing to your friends really hits different! Put some dope music while recording your video will make it much more dramatic! haha
Heads up!! If "scroll-behavior: smooth" is not working on your google chrome, it is because you need to enable a chrome flag called "smooth scrolling", which is turned off by default :)
Thank you for the useful tip! 😊
So easy to follow and very well spoken as well. Thank you for your service!
Thank you, I am very happy you enjoyed!
Thanks for a very insightful tutorial & awsome explanations , I had built my very own portfolio website by following this tutorial, although I have had a few errors 😂but managed to sort them out. Thanks a million my good sir.🙏🙏🎉
My pleasure, happy you liked it! Those errors are luckily what make us better! 😊👏
I'm in the midst of changing myself from no-code to coding environment. Your tutorial are really good to follow with the clear instruction.
Awesome! Let me know if there are any particular videos you would like in terms of going from no-code to coding!
@@howtobecomeadeveloper Hi, thanks for your reply. Maybe backend programming language like node.js. I just got a full stack development job offer.
@@Bakemono1213 hello, are you still in your job? and do you have any college degree?
Thank you so much for this tutorial. I had minimal knowledge of html and css going in and everything was so clear and easy to follow. It's provided an awesome baseline for me to go away, experiment and learn by doing. You gained another subscriber here, I'll definitely be checking out more of your content!
Ah so happy to hear it was useful to you! It's my pleasure! 😊
What i did, i created this portfolio but using Vue 3, Tailwind and a little bit of TypeScript. Thanks for this amazing tutorial.
Looks great, thanks for the tutorial!
I'd like it even more if you explained what each styling actually does and why we are using it throughout the tutorial though. It's a bit hard to follow along for someone who hasn't used CSS much before, and I had to rush to keep up with you, without really understanding what you were doing or why some of the time.
Still helpful though, and I definitely picked up a few things I didn't know before.
Thank you! Noted for next time!
honestly the best tutorial ive seen in my year of tryig to become a web developer, thank you SO SO Much, greetings from Colombia
I am very humbled 🙏 What is it that makes you love this tutorial if I can ask? So that I can make more like it 😊
Of course! First of all the way you explain everything, the set up. Looks clean, you don't jump any steps, a true beginner can build his or her own portfolio from watching this. The styles were neat and aestethic.
The way you talk and whenever you seem to have a bug you redirect yourself to it , think about it, examine the file and fix it so smoothly. I would love to see more tutorials, Javascript tutorials for example, logical thinking! I am a fan of your work. @@howtobecomeadeveloper
Thank you so much for the detailed feedback! Makes me very happy to hear, and I will take it to heart for future videos 😊 And I will definitely be making more JavaScript focused tutorials!
Awesome! I just enjoyed the process and the explanation is very nice and clear, please upload more projects, congrats!
Awesome to hear! Thank you, and there will be a new project up very soon! 😊
Thank you for the video tutorial mate! It was great and I was able to use it as a base to build on top of my own portfolio! I like how you tried to explain the code as you wrote. My only feedback would be to walk us through the styling more, as towards the last hour of the video, we just did tons of styling without much explanation. Once again, a brilliant tutorial and you've gained a new sub😊
Thank you very much for your thoughtful feedback! It's noted for the next time! 😊
I created this website as a challenge to develop my skills 100 percent like your website
That is so cool! Keep challenging and creating! 👏😊
Deployed my first site!
What a tutorial! What an experience!
Thanks for this!
Hey my site gives desktop view on mobile device (used netlify and pretty much copied this code) what should I do
You are very welcome!
very good video my friend. You explained everything very nicely, great voiceover and very understandble design layout and structure of html and css. This video is a great introduction to responsive website creation and all things that are to be looked out for when learning. 10/10 ! :D
Thank you for such a thoughtful comment and feedback, I highly appreciate it! 😊🙏
@@howtobecomeadeveloper Hey, I noticed a small issue with the vertical scaling of the profile section which results due to using a set viewheight in the stylesheet and mediaqueries, you can fix it by switching them to auto :D
Best portfolio making tutorial that I have come across! Very easy to follow and the end result is amazing! Loved it :D
Thank you! So happy you loved it!
Awesome!!🤩 Keep the videos coming!
Thank you very much!! 😊😊🙏
Great Tutorial! I made my first Portfollio website today.
how many people is exactly building the same portfolio
🙋
Is not so much about the portfolio page but your own projects!
🙋♂️i like how simple it looks
I am stealing the project part only 😅
I am also 🙋🏻♀️
I have an interest in web development, and as a beginner, this has given me more insight into diving more into it.
Thank you, sir.
Great to hear!
it looks amazing bro I already sub and liked the video as soon as possible ill complete it thx 🙂
I'm happy you like it! 🙂
Thank you very much for this great tutorial! The way you explain the steps and find solutions to problems is pleasantly calm and motivating.
Super happy to hear that it resonates with you! 😊
Easily one of my favorite tutorials to date! It's pleasant to watch and easy to follow. You also have a gift for making people excited to get better! I'm 1:28:31 in and I do have a question for you if you don't mind. On the Experience page when listing the frontend and backend skills, I've noticed that if I add React or another framework in the h3 header of an article, the entire article container shifts, and the checkmark icons become out of alignment. The only way I found to resolve this is to remove the justify-content property from the article styling in the CSS. Do you have a better suggestion? Thanks so much for all that you do!
First of all thank you very much for your compliments! It is very humbling 🙏 As for your problem, I am trying to understand it.
Are you adding a separate article with React in the h3 like this: React
or are you adding the word React within another existing h3, like this: Git React
If you are doing the second one, maybe it misaligns when there are two separate words. If you are doing the first I do not know what is the issue but if you have found a solution then that is great!
It also might just be that the way it is designed currently "breaks" over a certain amount of articles listed, and the CSS needs adjusting, like you have done. Let me know if this solves it 😊
@@howtobecomeadeveloper Absolutely! I finished the tutorial and subscribed so that I can stay up to date with your page.
So, for the skills in the Frontend container, I have 6 separate articles. Each article has an img element, a div element that contains an h3 and p tag. The first 3 tags always line up no matter what I put in the tag. However, when I edit the 4th article and put React, the webpage automatically pushes the article (img, h3, and p) inwards so that it becomes out of alignment. Then, if I edit the h3 and change it from React to JavaScript, it realigns perfectly again. It's weird, but yes, I noticed that commenting out justify-content in the styless.css under article in the EXPERIENCE section fixes this.
Anyways, I completed the tutorial and loved it. You are absolutely incredible and I genuinely appreciate the time you've taken to make this video for us. Can't wait to watch more!
Well seems like you found a solution, that's great! No need to fix what isn't broken 😊 Thank you for the kind words, I'll be making more videos like this one!
you can also set 'justify-content' to 'flex-start'. that will keep everything aligned.
Thank you, I didn't learn Web development during my Bachelor's and Master's degree (the course wasn't mandatory so I preferred to learn other stuff). I am learning it now to increase my chances to find a job in the geographical area that I want and this tutorials are very helpful. Thank you!
My pleasure, happy you like it! 😊
At 27:47, i had a problem in which i couldn't see the burger menu as shown. I've been following the whole tutorial so far, everything worked until this point. Any suggestions on what might have caused this problem?
any clue?
i'm confused too@@hasiff9237
@@hasiff9237 ".menu-links { top: 100%; }" is making your list appear at the end of the div. Ensure that your "menu-links" div is nested inside the "hamburger-menu" div. You can check the structure at 31:58 in the video, where both divs end at lines 36 and 37.
got the soultion have same problem
Check Spelling and cross check code specially css
Hi. Just completed this tutorial. This deserves a subscribe.
At 29:59 my hamburger icon isn't showing up. I triple checked my work and I don't see an errors within the code. Pasting my code below any thoughts? (everything else is working as expected)
#hamburger-nav {
display: none;
}
.hamburger-menu {
position: relative;
display: inline-block;
}
.hamburger.icon {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 24px;
width: 30px;
cursor: pointer;
}
.hamburger-icon span {
width: 100%;
height: 2px;
background-color: black;
transition: all 0.3 ease-in-out;
}
.menu-links {
position: absolute;
top: 100%;
right: 0;
background-color: white;
width: fit-content;
max-height: 0;
overflow: hidden;
transition: all 0.3 ease-in-out;
}
Hi i have the same issue, have you found the culprit yet?
Thanks a bunch!! This was an awesome and very well made tutorial. I look forward to seeing more from this channel!
More to come!
where is the section-container class created in html??
.section-container that is in css which display property is changed to flex!!!
i am soo stuck here...
me too!!
unfortunately in my case, the section text and container are not even in the same row... im so confused right now
@@keishamanapa3455 have you solved it yet?? i'm sorry but quite didn't understand your case....can you explain a bit?? i am not an expert but might be of some help... :)
Thank you for the tutorial. I hope you continue to create more videos aimed at beginners, teaching techniques that will assist them in securing internships.
My pleasure! Plenty more beginner friendly videos are coming up!
Thanks a lot sir. I have done my project and successfully deployed it!!
Great tutorial and explanation! I've seen many videos and you are great at making it clear and simple and easy to follow along. I'm looking forward to seeing more of your videos! Thank you!!!
My great pleasure, happy you like it!
this is SUPER COOL, SUPER EASY, AND SUPER FAST. i sincerely thank you for making this video, it's super cristal clear and needs no payment at all. Thank you so much for making this video, I really owe you one!
My pleasure! 😊
Amazing tutorial without cuts and every easy explanation to follow step by step.
Thank you!
awesome tutorial man! thumbs up, even got to check my code hand in hand when i was stuck because you had your repo in the description!
😊🙌
Awesome the way you explain each and every thing, loved it
Thank you, very happy to hear that!
This is one of the projects I have completed in the shortest time, it was really cool. Would love to see a tutorial to go a bit more in deep on responsive and then starting to make the page a bit more interactive! thanks also IT would be nice to get to learn a bit more about github!
Awesome, glad you liked it! I have noted down all your nice suggestions! :)
Thanks for this amazing tutorial buddy its really helpful for me for my first project..
Currently i started learning web development..
I like every part of this tutorial . Only just get confuse in css part maybe because i am beginner that why ?
keep continue once again thank you !!!!!
You are explaining each and every line that is good to understand and to remember also thank you so much
My pleasure, I'm happy it's useful to you! :)
Thank you so much for creating this tutorial. All the processes are very clear and easy to follow through.
Ah I'm glad you liked it and found it easy to follow! :)
Dude this is amazing! I can finally create something to display some of the projects that I've done, this is clean! Applying for some internships at the moment haha
Awesome, happy you like it!
Thank you! This was a great tutorial on the vanilla js basics and an awesome way to refresh my html and css.
Awesome!
great tutorial , very clean and simple to follow. thanks a lot bro
very good video my friend. You explained everything very nicely, great voiceover and very understandble design layout and structure of html and css. This video is a great introduction to responsive website creation and all things that are to be looked out for when learning. 10/10 ! :D
Thank you very much for your thoughtful comment! 🙏😁
Had a lot of fun building it!!! Thanks!
Glad you had fun! 😃
love it! it's awesome how you simplified the process of building and deploying a website! thank you good sir, have a lovely day
You are very welcome!
Thank you so much for your video. I made my first portfolio according to your code becasue I like the black and white design of the page. Great work, Bingo.
My great pleasure, happy you found it so useful! 😊
the best tutorial for a non tech guy like me to start career in coding🎉🎉
So cool to hear that! Good luck!
Thank you so much for this incredible tutorial! Your step-by-step guidance made it a breeze to build my portfolio site, and the insights on launching it online were a game-changer. I feel empowered and ready to showcase my work to the world. Your clear explanations and practical tips made the process enjoyable and educational. Grateful for your expertise and generosity in sharing this knowledge! 🙌 #WebDevelopment #PortfolioBuilding #TechTutorial
My great pleasure! I am very happy that it was so useful for you! 😊🙌
WOW This was so much helpful man, it was really amazing , Thank you so much!!!
Very happy you liked it! My pleasure to make it!
I hv watched many portfolio website tutorials and this one is the best among all
Your way of explanation is damn superb man!✨
Thank you so much, I am honored! 😊🙏
Love how you debug sir. Appreciated your content man!😁
Thank you! I appreciate your kind words! 😊🙏
How i wish I knew you when I was studying frontend development, I probably wont have struggled some like I did :) This is one of the best tutorial on html and css, Thank you :)
Thank you! It's my pleasure to share it with you :)
Thank you for the video tutorial. I am now on course to finish my first project. Well done.
Awesome!
This was an amazing tutorial, really simple to understand and make.., would love to learn from more such content:)
More coming up!
I personally appreciate this. Thank you
My pleasure!
Thanks dude, it really helped while following i made some changes of my own and im happy with the outcome
My pleasure!
I like that you explain even the small things durinf coding ❤
Thank you, I'll keep it up!
Done making my first ever portfolio! Thank you so much for teaching me a lot of things!
My great pleasure!
Keep going. We will support you.
Thank you!
I had the same project and you saved me in the hambarger menu part i was lost thanks dude💯
Glad I could help
Beginner friendly tutorial, loved it ❤
Awesome!
Bro, thanks a lot. This is the best vid I've watched today. Great stuff
Awesome, happy you enjoyed it!
thank you so much for this tutorial, I learned a lot of different things from this.
My great pleasure!
wow ,bro ! this is amazing ,hope u hit 1m soon
Thank you so much, that means a lot to me, appreciate you! 🙏
LOVE THE DETAILED EXPLANATION! 💗
Awesome! 😊
Thank you so much for this tutorial! I absolutely enjoyed it and learned a lot of new information about css! Hopefully one day css will get easier for me 😬
My pleasure! It absolutely will! 😊🙌
Perfect tutorial from start to finish!
Glad it was helpful!
Man, this is absolutely AMAZING! Thanks for sharing 🔥
My pleasure!
Thank you, Let me finish my portfolio. I need one for my ML Journey.
This is the best channel
You are just amazing! Lots of love.
Thank you very much! 😁🙌
I'm at a loss for words my friend. This was an amazing experience. I really appreciated your clarity, tone, speed, and quality. Quality as for the video, the code itself, and the end result.
I had a list of questions to ask but I was able to resolve most of them after some trial and error/research. The only thing that I cannot figure out is why my #about section photo remains parallel with the .details-container sections under reduced formfactor conditions. I just removed it for now. I can assure you I have quadruple checked all relevant html and css, but simply cannot find the culprit. One thing I did try was moving the div/image above , which solved for reduced screen width conditions but due to obvious reasons broke desktop/tablet view width layouts.
That said, do you have any study materials, books, or people to follow to continue learning? I've been using MDN Web Docs for references to specific concepts you've shown in your turorial, but I'd like to gain better understanding of general design patterns / best practices for modern web development if you have any recommendations.
Sincerely, thanks again! Please keep sharing your awesomeness.
Thank you very much for your thoughtful message! 😊 I can highly reccomend FreeCodeCamp.org as a starting point for a more structured learning path which is free. As for paid courses I personally like Mosh's courses!
thnx for the little things that you explain, that make the difference.
So glad to hear that it connects with you!
Thank you, you really don't know how much you've helped me
You are so welcome!
finally completed..thank you so much
Amazing portfolio website, made with such an easy. Thank you for this Project. 😊😊
My great pleasure!
Love your channel. Incredible designs
Thank you so much! 😊
Great video , cant thank you enough for this as I used it to build my portfolio . Amazing
Thank you, I'm happy to help, it's my pleasure!
@@howtobecomeadeveloper Hi thank you for commenting back , i wanted to ask how do we change to our own pictures as I seem to be having problems with mine as they show to big or to small ?
Loved the tutorial easy to follow and great explanation.
Glad you enjoyed it!
Great project, thanks you so much. I really enjoyed following this tutorial and now have a site I can use for my portfolio :)
My pleasure, thank you very much!
The best tutorial I've ever seen 🤩
Thank you, I'm very happy about that! 😊
so glad i ran into this channel. would love to see a js dom tutorial. also, for whatever reason on the media queries my navbar dissapears and doesn't show up regardless of screen size not sure why
Thank you for your feedback! Regarding the navbar, is there any error in the console? Does it appear without media-query?
Very nice bud. Thank you very much for this tutorial. Awesome!
Awesome, happy you enjoyed it!
Very Helpful, Thanks man loved it... keep it going man
My pleasure!
Thank you so much sir !!! For this you have done a wonderful job !!!✌🏻👍🏻👍🏻👍🏻👍🏻
Love from INDIA🇮🇳❤️
hey can you help me with this portofolio i got stuck on 39:00 on that hamburger menu part ?
will you hwlp me ??
@@vaibhavpuri1797 hello Brother check the spellings of hamburger in your index.html and styles.css files make sure the spelling is same in both the files .👍🏻
why this tutorial is so nice and easy to understand ❤ love from india
😊🙏