# Let’s learn CSS by building a cafe menu! \[Week 1\]

**URL:** <https://group.classcentral.com/t/let-s-learn-css-by-building-a-cafe-menu-week-1/21512>\
**Category:** Web Development Bootcamp\
**Created:** [January 11, 2022, 6:54am UTC](https://group.classcentral.com/t/let-s-learn-css-by-building-a-cafe-menu-week-1/21512 "2022-01-11T06:54:21Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Mervyn](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/mervyn/32/206_2.png) [@Mervyn](https://group.classcentral.com/u/Mervyn)\
**Post date:** [January 11, 2022, 6:54am UTC](https://group.classcentral.com/t/let-s-learn-css-by-building-a-cafe-menu-week-1/21512/1 "2022-01-11T06:54:21Z")

</div>

Hello everyone!

In this stream, we’re going to learn the fundamentals of CSS through a hands-on approach by building a cafe menu. CSS allows us to style our web pages, among others by adding colors and positioning HTML elements.

Here’s where you can watch the stream:

- [Stream on YouTube](https://youtu.be/HYmqvkabZ4A)
- [Stream on Twitch](https://www.twitch.tv/jesslynnrose)

And here’s the project we’re going to tackle:

- [Learn Basic CSS by Building a Cafe Menu](https://www.freecodecamp.org/learn/2022/responsive-web-design/#learn-basic-css-by-building-a-cafe-menu)

As always, we’ll end the stream with a Q&A, so bring your questions. 🙂

See you there!

---

<div class="post-metadata">

**Author:** ![annepajon2602466](https://sea2.discourse-cdn.com/flex016/user_avatar/group.classcentral.com/annepajon2602466/32/1232_2.png) [@annepajon2602466](https://group.classcentral.com/u/annepajon2602466)\
**Post date:** [January 16, 2022, 9:49pm UTC](https://group.classcentral.com/t/let-s-learn-css-by-building-a-cafe-menu-week-1/21512/3 "2022-01-16T21:49:49Z")

</div>

Coffee menu finally done, went through all 92 steps 🎉 but need some rest before moving on to the next one tomorrow. I procrastinated too much this week instead of finishing the three lessons 🤪, I’ll try better next week! 🤞 Thanks for the inspiring talk last Thursday on learning how to learn 🙂

---

<div class="post-metadata">

**Author:** ![vikram-ingleshwar](https://avatars.discourse-cdn.com/v4/letter/v/ed8c4c/32.png) [@vikram-ingleshwar](https://group.classcentral.com/u/vikram-ingleshwar)\
**Post date:** [February 18, 2022, 6:16am UTC](https://group.classcentral.com/t/let-s-learn-css-by-building-a-cafe-menu-week-1/21512/4 "2022-02-18T06:16:18Z")

</div>

Found this useful resource on GH about CSS do check [GitHub - vasanthk/css-refresher-notes: CSS Refresher!](https://github.com/vasanthk/css-refresher-notes)

Side note: first time CSS feels like alien technology and you may / will hate it to the core ( like I did when I was learning 1st time) but don’t give up. Any help you need with CSS don’t hesitate to ask.