Responsive Pizza Website Design Using HTML CSS And JavaScript

[@TheChokolatemilk]

Thank you very much, I learned alot!

[@brutal4815]

This is what Coding is ! Not bull shit only Programming straight

[@niloquisp7428]

I managed to finish it, thank you very much, it helped me refresh concepts.

[@alinapaul1642]

Good..i'm still struggling😅

[@laviniacristina1992]

This looks soooo good. I ll definetely give a try to this project these days 😅 and then I ll have a large pizza 😂

[@WayOfTruth14]

clean code seriously hard word love this

[@RupalyMarjahan]

I always like your code .Thank you .Need More Videos

[@bhushankulkarni6358]

Elegant ❤❤

[@shahidvohra2239]

Great! love your videos as always Evergreen

[@Bedimcode]

Thank you, greetings.

[@Brutos212]

What a Show Man, let's practice, congratulations!!

[@Bedimcode]

Thank you, greetings.

[@WayOfTruth14]

great work bro appreciate

[@theblackghost1267]

Thank you good idea I will take this idea pro

[@brilliantMotjiang]

This is great, please continue sharing knowledge. May I please redo this using angular and enhance it?

[@SujoyRoy-g4o]

thanks sir

[@whynuman]

Can you please guide me on where you get all assets like colors and fonts, and how you choose them? I am new to web development. Love from Pakistan.🙌❤

[@pakistanmastermapping]

Assalaam oa likum mai bhi pakiatabn agar linked in ha to connect hojain mai bhi web dev seekh rah hu

[@dinova-gaming]

thank you so much

[@FELISMINECRAFT]

Site is very pretty...

[@ibrahimnajjar7562]

good man man can you help me the swiper of javascript is not working why ? can you help me

[@tavara7279]

i trying to run it, but only show blank page

[@DanishSaeed-m4z]

what you use for responsive for all devices

[@Bedimcode]

Breakpoints

[@aref003]

What is the name of your VS Code theme? And how do you change the icons in the Activity Bar?

[@Bedimcode]

One dark darker

[@masudicval]

🍰 🧁 *_good coding style ..._* 🥧 🍮

[@pragyamaurya7942]

Would you please guide for the images from where yoh got all these

[@Bedimcode]

In the comments there is a link to GitHub where there is a folder with the images, greetings.

[@mahanandaray3306]

Which video recoder software use make this video?

[@Bedimcode]

Camtasia

[@farhadthomas]

In Popular section for popular-dish in css you used inset: 0;
It's means :
top: 0;
left: 0;
bottom: 0;
right: 0;
Am i right ?
after that you wrote the css code:
top: -.85rem;
in this case the top: -.85rem; in not working.

[@Bedimcode]

The top: -.85rem should go after the inset
inset: 0;
top: -.85rem;

[@sujalchauarasia]

Can you make working appointment booking website for doctors and saloon

[@Kashyapvasu-q6r]

Sir how to resize images

[@B_PrathamNagulwar]

Can u share all the code of these project

[@WayOfTruth14]

also erro in js file

[@sayff5671]

Thank you for your work and the figma file! very professional 💪. viki

[@GWBDN]

where is figma file?

[@baxti7]

Classs

[@YousufRaza-b2i]

I need images of website

[@Bedimcode]

In the comments there is a link to GitHub where there is a folder with the images, greetings.

[@WayOfTruth14]

their is alot of erros brother toggle icon not showing

[@Bedimcode]

The website requires patience and calm, you must have missed something and that's why it shows an error.
Now, part of the site has errors.

[@devindadilshan7267]

can you help me sir
i write as height: calc(var(--header-height)+3rem);
but this not working
---------------------------------------------------------------------------
whole code



Responsive Navbar

:root {
--header-height: 4rem;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.navbar {
display: flex;
align-items: center;
background-color: red;
height: var(--header-height);
}
@media screen and (min-width: 576px) {
.navbar {
height: calc(var(--header-height)+3rem);
}
}




Logo


help me sir , if you can 😐

[@Bedimcode]

It is written with spaces
height: calc(var(--header-height) + 2rem);