In this episode, I share some of my recent experiences and learnings with tailwindcss, my frontend, css framework of choice, specifically building a fully responsive design for a new page on https://webdevwithmatt.com
The lowdown is that I didn't follow the key advice from tailwindcss and start with a small device first, and then work up to a large device, such as a standard desktop. I started with a standard desktop and then had to refactor the design to be responsive. What a no-no.
In this episode, I share my experiences of doing that, to encourage you not to make my mistake.
Links from the episode
- Tailwind CSS
- What is responsive design?
- CSS Grid Layout
- CSS Flexbox
- A Complete Guide to Flexbox (CSS-Tricks)
- Tailwind CSS Bundle in PhpStorm
- Refactoring to Clean Code with PhpStorm short course
Check out the books and courses below, where you can grow your web development skills in a very focused, very hands-on way.
What is Web Dev with Matt?
Want to learn web development from the comfort of your chair, car, when you're out for a run, or doing some random house work? This is the show for you. Every week, in 20 - 40 minutes, I help you improve your web development skills with new knowledge, tips, pointers, random facts, inspiration, and some general chit chat. Tune in to have a fun, engaging, and friendly conversation about web development.