Published on October 30, 2017 by Mindspace

In my new React course, we create the awesome Burger Builder app. Let’s find out how we can create the different ingredients just by using CSS in this video!

———-

Join my comprehensive “React – The Complete Guide” course for only $12: www.udemy.com/react-the-complete-guide-incl-redux/?couponCode=ACAD_YT

The finished burger: codepen.io/anon/pen/PJrgga

———-

• You can follow Max on Twitter (@maxedapps).
• You can also find us on Facebook.(www.facebook.com/academindchannel/)
• Or visit our Website (www.academind.com) and subscribe to our newsletter!

See you in the videos!

Leave a Reply

43 Comments on "CSS | Burger Builder | Tutorial"

Notify of
avatar

dominic kurt
Guest
dominic kurt
5 months 15 days ago

Is this how programmer make a burger ?

Stephen Lai
Guest
Stephen Lai
5 months 17 days ago

I like this tutorial, the burger rocks!

Academind
Guest
Academind
5 months 17 days ago

Awesome to read that Stephen, thank you for your comment!

Alex Fili
Guest
Alex Fili
5 months 18 days ago

Thanks Max, I did your tutorial, keep doing little awesome things like this!

Academind
Guest
Academind
5 months 18 days ago

Thank YOU for your comment Alex. I'll try my best to create things that might be interesting to all of you 🙂

Utna
Guest
Utna
5 months 18 days ago

Hey Max, when do u think u can release some additional things into your current vuejs course?

PJo336
Guest
PJo336
5 months 18 days ago

Awesome! Vue is the best

Academind
Guest
Academind
5 months 18 days ago

I will add some (as I hope) interesting topics within the next weeks, so you don't need to wait for long 🙂

Rajganesh Pandurangan
Guest
Rajganesh Pandurangan
5 months 19 days ago

Hey Max – I really do enjoy your videos and teaching style. You have a gift for teaching. For some of aspiring teachers/mentors out there, can you give us how some insights on how much it is possible to make with teaching career? You don't have to reveal your numbers but something in general. Also, has teaching really helped you in getting other projects. Do you still do development for companies or just focus on teaching.. Some of the tips will be really helpful. Thanks,

Jashim Uddin
Guest
Jashim Uddin
5 months 19 days ago

Really Awesome

Academind
Guest
Academind
5 months 19 days ago

Thank you Jashim!

Alex Fili
Guest
Alex Fili
5 months 19 days ago

Max keep it up!

Academind
Guest
Academind
5 months 19 days ago

I'll try my best to do so Alex 🙂

Mario TW
Guest
Mario TW
5 months 19 days ago

I don't like this video. It makes me hungry :[

Academind
Guest
Academind
5 months 19 days ago

So sorry :/

Barjosa31 Blogspot
Guest
Barjosa31 Blogspot
5 months 19 days ago

Max! This is awesome! I built my own burger! Yummy! Appreciate your awesomeness!

Academind
Guest
Academind
5 months 19 days ago

Great to hear you're liking the taste of it! 😉

Buck Futter
Guest
Buck Futter
5 months 19 days ago

Great responsive burger, but shouldn't the units be consistent? I see you're switching between % and px.

Academind
Guest
Academind
5 months 19 days ago

True, px probably should be replaced with %, too – that slipped through from an earlier version where everything was coded with px. Good addition!

Buck Futter
Guest
Buck Futter
5 months 19 days ago

he's using absolute and relative units, as a result the shadows do not conform to the size of the hamburger

Valdemar Ceccon
Guest
Valdemar Ceccon
5 months 19 days ago

Buck Futter you better believe. Since there is only px as unit, there is no inconsistency. % allow you use parent size as reference.

Buck Futter
Guest
Buck Futter
5 months 19 days ago

No shit, Sherlock.

Valdemar Ceccon
Guest
Valdemar Ceccon
5 months 19 days ago

Buck Futter % isn't unit, but ratio

wpDiscuz