Day 3 of #buildinpublic | Cleaner code & Responsive UI

UI Improvements

Today was my third day of building in public. Most of my time went on making sure that the user interface of the website was perfect across all devices. As I'm using Tailwind CSS, it helps a lot as they are mobile-first meaning that the website design starts from smaller to larger screen.

While working on the website styling I made small touches to the "slogan" text which I think looks good and add more color to the site, let me know what you think. slogan
Styling can take forever so the next thing I did was work on the login page and made a simple sign in form, nothing fancy. login form

Cleaner Code

After I finished the login form (which doesn't have any functionality at the moment as I still need to work on the backend/database) I realised that my code was becoming disorganised and confusing, that's the only negative point if you are working with a CSS framework as elements classes start to take more space. In order to fix this I made divided the code in smaller components which made my code 100 times better. clean code

That's it for today, cya.

🌟SleepOrPay🌟
Site: https://sleeporpay.com
Twitter: https://twitter.com/sleeporpay

(my twitter if you want to drop a follow https://twitter.com/HarmanSxndhu 🙂)