Assignment 2: Bohemian Rhapsody (Make It Ugly)
Learning CSS by committing crimes against design
Take the Bohemian Rhapsody starter repository, and make it as visually offensive as possible. Clashing colors, cursed fonts, broken layouts; anything goes. The goal is to learn CSS properties through experimentation rather than trying to follow design rules.
Figure out how to create the ugliness yourself! Want blinking text? Rainbow borders? A section rotated 3 degrees for no reason? Ask questions like “How do I change the font?” or “How do I add spacing between paragraphs?”, then search, or ask an LLM. Web development is 50% coding, 50% looking things up and knowing how to find answers.
When you’re satisfied with your monstrosity:
- Commit and push it with GitHub Desktop
- Deploy it to Netlify the way we did together
- Share the live URL on the submission thread.
Today’s submission link is different from dev-notes.
Please submit your entries by creating a new issue in this repository: https://github.com/open-making/web2026-bohemian-rhapsody/issues/new
In the title field, please enter details in the following format: FIRSTNAME-LASTNAME-SUBMISSION In the description field, add a link to your Netlify deployment (hopefully you’ve renamed it!) and a screenshot of the website.
Dev notes to be submitted in the dev-notes repository.
Links and Resources
- Bohemian Rhapsody Starter Repository
- CSS Properties Reference - List of possible things you can mess with
- MDN CSS Reference - When you need to look up specific properties
- Google Fonts - Free web fonts, including several genuinely terrible ones
- Coolors - Color palette generator (although I would prefer to not use it this time)