HTML & CSS Project Tutorial - Build a Recipes Website

[@sabalniroula26]

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 !!!

[@alexbright9849]

i agree👍👍👍

[@noeledits392]

Not advisable for beginners

[@elizadziuba8352]

@@noeledits392 especially advisable for beginners

[@MohAmuza]

I actually to that in all project, its the perfect way to learn new things

[@varunaggarwal7126]

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.

[@alexalzona6477]

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.

[@wilsonvolley5281]

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.

[@victormungai]

I just heard John Smilga and I knew... I've struck gold!!!!

[@Josephhhhhhhhhhhhhhhhh]

The amount of work you guys put into this👏❤️

[@isra_dlg]

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

[@davidrosen2705]

the goat of the front end this man is a legend

[@Steel0079]

Definitely, I think John is the final stop in all the searching for the best self learning coding KZbin content.

[@DennisSimplifies]

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 👍

[@huxnwebdev]

Can't believe #legend is here, Huge Respect from a small youtuber 💖

[@TK-wp3iw]

Omg! I just started css you dropped this video thank you so much 😊

[@micoruzic5548]

how is it going with css ??

[@naturepositive7707]

John is amazing. I done this toturai when he upload it in parts and he is the best. "Codding Addict" is Gold!

[@mbotidemuwak2671]

I just remembered him through his voice. Thanks.

[@DevMadeEasy]

Hey 🔥John Smilga, HTML & CSS Project Tutorial - Build a Recipes Website? 🤩Wow, Great content, as always!!! I just 💜loved it. Thanks for sharing it!🙏

[@bytemyke]

This is awesome! So in depth and easy to understand

[@SamuelMmaduabuchi-nr6xb]

You make everything so easy!!!!

[@ouvie]

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

[@hanungdwiprasetyo6330]

I waited for this😊. Please make part 2 or another html css project 🙏

[@Vickishh]

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.

[@OnlyDerac]

Understandable. Have a great day 👨🏿‍🦲✌🏿

[@pygmalion8952]

This man literally taught me html and css

[@agiksetiawan]

You're master of coding

[@mynickisnick8270]

I hope you do more projects in the future!

[@supriyochatterjee4095]

Amazing Channel, keep up the great work, God bless all

[@radenazhar3112]

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?

[@alkhemist6631]

Understand how it works and you can use anyone you like

[@VinayakGNair]

John is good at teaching tech .

[@landsfadern2]

Hope the instructor make sures to add Sushi on that website. Anyways cool idea.

[@nizamramazanov8393]

Thank you freeCodeCamp for posting!

[@goatzy_run]

Gonna save this. This will be very helpful technique

[@MrNestaho]

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

[@storypur]

Appreciate your efforts ❤😍🙏

[@AmbitiousJay1]

Exactly what I was looking for

[@ahmadwaheed8003]

Great teacher.

[@ruirodrigues2938]

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

[@gabimuresan9188]

Thanks a lot for this video.👍

[@mrrishiraj88]

Thanks a lot for your efforts

[@rudrapatel48]

can you please arrange a Full responsive portfolio in flutter

[@marcosaristigueta5191]

Thanks a lot. This is very helpful

[@avinashgardas974]

Best channel to learn

[@Steel0079]

Check out coding addict. John's channel. You won't have to go anywhere else after that.

[@theteflondon431]

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

[@mb-techmedia8494]

Thank you, coding Addict I enjoy your tutorial.

[@nagatoshi4597]

Helpful, thanks!

[@willzo4026]

Thank you for this.

[@auroskkil8825]

Your doing a great job guys !!..

[@pasindunethsara7782]

Great 👍excellent 👌

[@creativecollaborations1510]

❤️ Beautiful Blessings

[@MuhammadOsamaAbbas]

Amazing tutorial wonderful way of teaching

[@bwm1371]

thankyou

[@adritatory3]

completed !! alhamdulillah. Thank you!!

[@GonzaRRK]

Amazing!

[@vijayethiraj9097]

A quality content

[@Kaushalrai2000]

Thank you❤

[@The_totoro11]

thank u so much

[@sanjanamokool4208]

Do I need prior knowledge about HTML and CSS before doing following this project?

[@aer0449]

Love you sir ♥️

[@jettthecoder1185]

The about page tho! XD

[@adityarai4972]

sir you are a legend

[@DaliyTv]

Muchas gracias por el tutorial aprendi basatnte siguiendo el video.

[@briandevs]

Best!

[@harry8040]

please make one using java script in the same design

[@ujjawal6660]

Thnx 😊

[@websitelearninglab]

Nice!

[@gururajcse5675]

🎉🎉🎉

[@aogunnaike]

Awesome

[@okokok3321]

why did 'text-align: center" at 40:40 not work ?

[@endless3171]

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 ?

[@9ycwindows235]

thank you very much!

[@hashirnouman8355]

please release JavaScript version of solidity course

[@Ahm3dAshour]

Good

[@abhayxoxo]

Awesome ❤️

[@mr.anantvishwakarma1145]

Can we have some timespans please...

[@seppneimusser5723]

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

[@sanketchitnis5104]

is there any cisco packet tracer course

[@ms77grz]

👍👍

[@simonecostantini7968]

Thank you!

[@erawanthewise8227]

Make a Vulkan tutorial please!!

[@timothyhenrye7501]

nice

[@safadkhili2844]

💜

[@soujanyavt]

so its just like a blog right?

[@mekuanint265]

Tankyou keep it up

[@Bigwells]

Thank you

[@behindthescene2727]

lets practice

[@MI7QC]

Nice job :)

[@mascode1]

This is great!

[@nimcosaciid5526]

Plz make part2

[@mayankvikash]

Hey, Is your channel monetized? If not, how do you make money, other than money given by sponsors?

[@Steel0079]

It's a non profit organization.

[@elobservador7155]

Gracias por los subtítulos +1 💪

[@pranavraj5698]

He is not using Live Server. Don't know why.

[@VungL]

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.

[@nogoodgod4915]

It's not a programming language though

[@David-fq5un]

huh? Learning html will not help you learn programming, it's a markup language.

[@techmine4942]

30:00 Big Screen Layout

[@luqmanhamdan9285]

Wait, is this the minimalist website HTML, CSS only with no JS at all.

[@iwillbeblunt4494]

My bookmark 34:03

[@stride0812]

I struggle with layingout and position in css 😥

[@ginasta7575]

Me too I tried all things from margin,padding, flex and float

[@Steel0079]

Check out my comment to Gina in this thread.

[@stride0812]

@@Steel0079 Couldn't find it

[@MrNestaho]

hello I downloaded the source code, try to run the "final folder" index page

[@MrNestaho]

however the hamburger icon display not properly, only one stroke is display instead of three stroke

[@omorfaruk6986]

Show website development with php please

[@cravisbouyin4864]

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! 😐🙂👨👆

[@Apoorvpandey]

Need timestamps

[@SachinGuy]

I have a question here, how does he copy paste a single line mutiple times without having to select the line first?

[@calixidig2607]

Can i get this source code

[@rodgeratkin]

can you give a link to the reactive recipes project?

[@didemer8207]

could someone help me how can I get data with the contact form?