Build a website using Tailwind CSS

Get Junk Food!

Get your Junk Food Run a Club Meeting

Getting Started Guide

How does it work?

Build a Website

Build a website using only HTML and Tailwind CSS.

Publish your website

Using Github Pages, share your website with the world!

Pack your lunch

With more implemented features, you get more money grant to spend on Junk Food!

Requirements

You are a high school student
Your website is using only HTML and Tailwind CSS. Pure CSS may only be used where something can't be done without it, such as custom animations.
Make it responsive! It should be useable on both phones and computers!
The website must use containers!
The website must include content and have meaning!
Your website should contain less than 15% of Javascript
Have at least 2 unique features. It can include, but not limited to:

Navbar
Footer
Sidebar
Any larger components like blog cards, FAQ sections, or other interactive elements. (Responsive design is not considered as a unique feature, it is a requirement)

Pack your lunch!

Choose your perfect meal option and receive a grant!

Basic Meal

Sandwich/Burger

Implement 2 unique features!

Perfect for a quick lunch!

Refreshment Combo

Sandwich/Burger + Soda

Implement 4 unique features!

Quench your thirst as well!

Full Combo Meal

$10

Sandwich/Burger + Soda + Sides

Implement 6+ unique features!

Complete meal deal!

Best Choice!

Frequently Asked Questions

What is Tailwind CSS?

Tailwind CSS is a utility-first CSS framework that provides low-level utility classes to build custom designs. It is a CSS framework that allows you to build your website without writing any CSS. You can find more about it here.

Can I use CSS in my project?

Depends. Tailwind CSS allows you develop your website using only HTML and Tailwind CSS in most cases. Your website should only be using HTML and Tailwind CSS. Pure CSS may only be used where something can't be done without it, such as custom animations.

Where can I ask for help?

For questions about code, ask in #grub in Slack. For questions about Grub, DM or ping @Artem in Slack. For questions about club meetings, DM or ping @Jared in Slack.

Where can I learn Tailwind CSS?

Check out our Getting Started Guide here. It has all the basics to build a first website using Tailwind CSS. To delve deeper, check out the official documentation here.

What can I buy for this grant?

You can buy any fast food you want! You can buy food from any restaurant or fast food place.