All solutions

Any feedback welcome, especially Tailwind best practices.

Any feedback welcome, especially Tailwind-related feedback.

Let me know if you have any tips on using Tailwind. Using Tailwind when working from a design feels pretty nice so far.

It was a bit tricky styling the inputs at first, as I wanted to use <input type="radio"> rather than <button>s. Let me know if there's a simple way to accomplish the design (while still using `<input type="radio">, which I feel is the most semantic element for the task). Any other feedback also welcome.

My second challenge learning TailwindCSS. I struggled a bit getting the column-to-row switch between devices to work naturally. Let me know if there's a better solution than what I ended up with.

Starting to learn TailwindCSS. Let me know if you have any Tailwind-related tips. Other feedback also welcome.

With this challenge I focused on getting the single-row to single-column transition without media queries. I linked the sources that helped me in the README.md. Let me know of any other ways to accomplish this without media queries, or if you have suggestions on improving what I currently have.

Any other feedback is also welcome.

I tried to do this solely using HTML and CSS, but I found that I needed JavaScript because, even if I set 'minlength="1"' on the <input> element, it still accepts empty inputs as valid (even with 'type="email"'). Does anyone know how to make the min length work for length 0? I've gotten it working for, e.g. 'minlength="4"'...

Any other feedback is also welcome!

I tried to implement a feature where the button will be disabled for 2 seconds after fetching (since that's how the Advice Slip API works; it returns a cached version of the previous quote if you request too frequently). It seems to work decently, but I've noticed that rapidly clicking on it can break it. Is this something you run into, and if so, how would you handle it?

Any ideas on changing the feature layout (single column, to 2x2, to single row) without using/using fewer media queries?