HTML & CSS Project Tutorial – Build a Recipes Website

Thank you freeCodeCamp for posting!

If you are interested in my overall project setup (default starter). Here is the link to the Github Repository.
https://github.com/john-smilga/default-starter
I explain entire setup, in great detail in readme.md

Thank you for watching and happy coding 🙂

this is unfortunately not for absolute beginners like me 🙁

be careful when copying and pasting the layout was messed up because I copied an extra closing tag.

nice

nice

nice

Please make part 2 or another html css project 🙏

nice

completed !! alhamdulillah. Thank you!!

thanks so much

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.

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.

Join the Global community as we explore Blockchain

A gathering for blockchain enthusiasts, including industry professionals, developers, and traders.

Featuring: Smart Contract Development, Trading highlights, and Panel Sessions on how blockchain is impacting key industries

Date: 19th – 21st April 2022

Link: https://agulite.com/blockchain-week

nice

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

Jonh is a great teacher, saw his name here and i remenber the amazing courses he has from Udemy

I'm not being mean but I can't understand what he is saying because of his voice

nice

nice

29:33 change height: 310px; to height: auto;

30:00 Big Screen Layout

I never understood I neeeed help

oh my gosh thank you! i was looking for a course with a project and this one is perfect. keep it up

Thanks a lot for this video.👍

thankyou

Your doing a great job guys !!..

Can i get this source code

Doesn’t anyone speak English anymore?

your rock. Respect about your knowledge

I just remembered him through his voice.

Thanks.

As a lecture this is good for nothing.

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 ?

Nice job 🙂

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);
}