I have completed this lesson and what I would like it suggest is that: try to make layout yourself at first and if you stuck at anything take help from video. In this way you can exactly figure out where your flaws are and you can improve yourself rather then just watching and copying and pasting. HAPPY CODING !!!
I did that and I ended up with a working website hosted on azure static website but the code is not as clean and orderly as shown here, well I guess practice makes perfect.
Thanks everyone that’s worked on this, this has been a great help along my journey. I hope if I’m ever skilled enough to help others I would not hesitate to do so.
As a total beginner ( I know the very basics of HTML, CSS, and JS) this tutorial was super helpful, a little bit fast-paced but great, and direct to the point, thanks Mr. Smilga for doing this. I now have to learn a bit more about grid , em's and rem's ... thanks again
For the overlay on the simply recipes banner there is no need for postion: relative or absolute. It goes div 1-> div 2-> div 3 so all you need to do is have div 2 the same height and width as div 1(the parent container) and change the background.
John. I enjoyed watching this tutorial. I, however, had a question. for the single recipes, should one put in more than one recipe, will the css you did cover every recipe or will copying and pasting need to be done for every recipe thereafter
For the following code, the tags-list display "grid," and the tags-list a display "block" What is the relationship between the "grid" and "block" here, please explain in details. Thanks .tags-list { display: grid; grid-template-columns: 1fr 1fr 1fr; } .tags-list a { text-transform: capitalize; display: block; color: var(--grey-500); transition: var(--transition); }
i've got semi colon expected and selector expected warning when I try to code color and letter-spacing property at 19.34 . Is there any solution for that ?
John hi! Tough time following all your projects for Html 5. Any chance you can include projects with python and large projects for multinational projects and large data sets. Thanks 35x buddy! 😐🙂👨👆
Because this is the actual front end development. You can do a lot more, anything basically with this. Whereas with those you're limited to templates and stuff the site provides. Software Engineer(ofc a lot more to learn even after this) vs non software Engineer basically. Depends on what your needs are.
I like to put it in a different way, imagine you want a house to live in, you have two options buy the house or build the house. Let us further imagine that in this scenario you have an unlimited amount of money, time and you are able to build your house anywhere if you so decide without submitting a request permit form to your local council. Let assume that the pre-built house has everything a house could have but not everything you want. In short, you are limited to the design of the house, yeah you can move things around, add or remove things from the house, style, paint the house but you cannot change the original design of the houses for example you cannot knock out a wall to add a new room, etc. Now in a house you build or design yourself you can design the house any way you want, you are not limited to someone else design or vision but rather to your own imagination.
i have a problem getting my nav button to move right when i add justify-content: space -between. the inspector says the element has no title attribute, but my code looks the same as in the video. any advice?
I have completed this lesson and what I would like it suggest is that: try to make layout yourself at first and if you stuck at anything take help from video. In this way you can exactly figure out where your flaws are and you can improve yourself rather then just watching and copying and pasting. HAPPY CODING !!!
i agree👍👍👍
Not advisable for beginners
@@noeledits392 especially advisable for beginners
I actually to that in all project, its the perfect way to learn new things
I did that and I ended up with a working website hosted on azure static website but the code is not as clean and orderly as shown here, well I guess practice makes perfect.
Thanks everyone that’s worked on this, this has been a great help along my journey. I hope if I’m ever skilled enough to help others I would not hesitate to do so.
As a total beginner ( I know the very basics of HTML, CSS, and JS) this tutorial was super helpful, a little bit fast-paced but great, and direct to the point, thanks Mr. Smilga for doing this. I now have to learn a bit more about grid , em's and rem's ... thanks again
For the overlay on the simply recipes banner there is no need for postion: relative or absolute. It goes div 1-> div 2-> div 3 so all you need to do is have div 2 the same height and width as div 1(the parent container) and change the background.
I just heard John Smilga and I knew... I've struck gold!!!!
The amount of work you guys put into this👏❤️
the goat of the front end this man is a legend
Definitely, I think John is the final stop in all the searching for the best self learning coding UA-cam content.
Omg! I just started css you dropped this video thank you so much 😊
how is it going with css ??
John is amazing. I done this toturai when he upload it in parts and he is the best. "Codding Addict" is Gold!
I just remembered him through his voice.
Thanks.
Just completed the full course on HTML and CSS.
I'm here to take on the Project.
Thank you 100x @CodeAddict
John Smilga is the best 👍
im confused somehow, some people make a nav link with ul > li > a, and some people code without a list. so which one do u prefer the most?
Understand how it works and you can use anyone you like
oh my gosh thank you! i was looking for a course with a project and this one is perfect. keep it up
I waited for this😊.
Please make part 2 or another html css project 🙏
Wow! Thank you so much for this tutorial. I have been away from coding for a while and just needed a refresher and I am happy I came across this.
This is awesome! So in depth and easy to understand
Can't believe #legend is here, Huge Respect from a small youtuber 💖
You make everything so easy!!!!
Hey 🔥John Smilga,
HTML & CSS Project Tutorial - Build a Recipes Website?
🤩Wow, Great content, as always!!!
I just 💜loved it.
Thanks for sharing it!🙏
Thank you freeCodeCamp for posting!
This man literally taught me html and css
You're master of coding
Jonh is a great teacher, saw his name here and i remenber the amazing courses he has from Udemy
I hope you do more projects in the future!
Amazing Channel, keep up the great work, God bless all
Gonna save this. This will be very helpful technique
Understandable. Have a great day 👨🏿🦲✌🏿
John is good at teaching tech .
Great teacher.
Thanks a lot for your efforts
Exactly what I was looking for
Hope the instructor make sures to add Sushi on that website. Anyways cool idea.
Appreciate your efforts ❤😍🙏
Best channel to learn
Check out coding addict. John's channel. You won't have to go anywhere else after that.
John. I enjoyed watching this tutorial. I, however, had a question. for the single recipes, should one put in more than one recipe, will the css you did cover every recipe or will copying and pasting need to be done for every recipe thereafter
Amazing tutorial
wonderful way of teaching
Thanks a lot for this video.👍
Thanks a lot. This is very helpful
completed !! alhamdulillah. Thank you!!
Thank you, coding Addict
I enjoy your tutorial.
Your doing a great job guys !!..
Thank you for this.
Helpful, thanks!
can you please arrange a Full responsive portfolio in flutter
For the following code, the tags-list display "grid," and the tags-list a display "block"
What is the relationship between the "grid" and "block" here, please explain in details.
Thanks
.tags-list {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
.tags-list a {
text-transform: capitalize;
display: block;
color: var(--grey-500);
transition: var(--transition);
}
Great 👍excellent 👌
❤️ Beautiful Blessings
If you're new to programing language Html is the way to go.
Alot of people shitting on html like it's some kind of plague.
It's not a programming language though
huh? Learning html will not help you learn programming, it's a markup language.
Do I need prior knowledge about HTML and CSS before doing following this project?
sir you are a legend
Love you sir ♥️
Thank you❤
Amazing!
please make one using java script in the same design
A quality content
thank u so much
Make a Vulkan tutorial please!!
thank you very much!
please release JavaScript version of solidity course
Muchas gracias por el tutorial aprendi basatnte siguiendo el video.
thankyou
Thank you
The about page tho! XD
Awesome ❤️
Plz make part2
29:33 change height: 310px; to height: auto;
This is great!
Best!
Thnx 😊
Nice!
🎉🎉🎉
i've got semi colon expected and selector expected warning when I try to code color and letter-spacing property at 19.34 . Is there any solution for that ?
Hey,
Is your channel monetized? If not, how do you make money, other than money given by sponsors?
It's a non profit organization.
Nice job :)
Tankyou keep it up
Thank you!
Awesome
He is not using Live Server. Don't know why.
BM 2:00:49
Wait, is this the minimalist website HTML, CSS only with no JS at all.
so its just like a blog right?
I have a question here, how does he copy paste a single line mutiple times without having to select the line first?
lets practice
Can we have some timespans please...
Good
is there any cisco packet tracer course
👍👍
why did 'text-align: center" at 40:40 not work ?
💜
John hi! Tough time following all your projects for Html 5. Any chance you can include projects with python and large projects for multinational projects and large data sets. Thanks 35x buddy! 😐🙂👨👆
30:00 Big Screen Layout
hello
I downloaded the source code, try to run the "final folder" index page
however the hamburger icon display not properly, only one stroke is display instead of three stroke
Gracias por los subtítulos +1 💪
I don’t want to be that guy but why would you do all of this when wix and other services are available?
Wix is limited to small websites
Because this is the actual front end development. You can do a lot more, anything basically with this. Whereas with those you're limited to templates and stuff the site provides. Software Engineer(ofc a lot more to learn even after this) vs non software Engineer basically. Depends on what your needs are.
I like to put it in a different way, imagine you want a house to live in, you have two options buy the house or build the house. Let us further imagine that in this scenario you have an unlimited amount of money, time and you are able to build your house anywhere if you so decide without submitting a request permit form to your local council.
Let assume that the pre-built house has everything a house could have but not everything you want. In short, you are limited to the design of the house, yeah you can move things around, add or remove things from the house, style, paint the house but you cannot change the original design of the houses for example you cannot knock out a wall to add a new room, etc.
Now in a house you build or design yourself you can design the house any way you want, you are not limited to someone else design or vision but rather to your own imagination.
I struggle with layingout and position in css 😥
Me too I tried all things from margin,padding, flex and float
Check out my comment to Gina in this thread.
@@Steel0079 Couldn't find it
nice
Show website development with php please
Need timestamps
i have a problem getting my nav button to move right when i add justify-content: space -between. the inspector says the element has no title attribute, but my code looks the same as in the video. any advice?
My bookmark 34:03