Svelte-Chicago / sveltechi.dev

https://sveltechi.dev
0 stars 1 forks source link

Responsive Site, Primary Colors, and more #2

Closed phultquist closed 2 years ago

phultquist commented 2 years ago

Svelte Society: Chicago is awesome 😎

This PR introduces a few quick changes to the site.

  1. Add Responsive Design
  2. Add colors to tailwind.config.js
  3. Fix some CSS issues

Add responsive design

Before After
Screen Shot 2022-04-30 at 11 11 01 PM Screen Shot 2022-04-30 at 11 11 06 PM

Add colors to tailwind.config.js

Previously, the primary Chicago red was using the tailwind red-600 color. From (apparently) Chicago's official color palette, this PR adds the primary color to the config. This PR also adds the secondary color.

You'll notice the color is a bit different than before — of course, it can be changed to the old one, but I think leaving it as the primary color is a good idea. If you liked the old color better, for the record, its hex code is #dc2626

Fix some CSS issues

There were a couple quick changes I made to the CSS to make it more readable and parsable. Tailwind makes it easy!

vercel[bot] commented 2 years ago

@phultquist is attempting to deploy a commit to a Personal Account owned by @Svelte-Chicago on Vercel.

@Svelte-Chicago first needs to authorize it.

vercel[bot] commented 2 years ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated
sveltechi-dev ✅ Ready (Inspect) Visit Preview May 1, 2022 at 3:26AM (UTC)
sjsadowski commented 2 years ago

Thank you @phultquist I am not a designer by trade, so I'm very glad for the assistance!