Languages: TailwindCSS, Javascript, CSS, HTML
Features: sleek animated hamburger menu on mobile, TailwindCSS custom color variables, mobile-first responsive design including four screen-size breakpoints
I hadn't used the Tailwind CSS framework before but had heard plenty about it, so when I wanted some more practice with mobile-first design after my latest React project, I had to try it out. So I made a responsive, mobile-first mock landing page for a local tech business called Jamf using Tailwind and some media I pulled from their website.
Tailwind's documentation is some of the best and most comprehensive I've used, which made it a joy to learn. The benefits of Tailwind seem to be easy custom color variables, simple media query setup, and responsive everything. If you can stomach the class-based workflow inside of HTML, it seems quite efficient.
Below you can see how Tailwind let me set up custom variables and breakpoints in one place:
The project is hosted on Github Pages. Go feel the responsiveness for yourself. Don't forget to hit that hamburger menu on mobile!
Thanks for reading about my latest project! Please check out my others, and don't hesitate to drop me a line!