Advice Generator App using Vanilla JavaScript and Tailwind CSS

Solution retrospective
Facing some issue when adding the Tailwind CSS breakpoint classes (sm, md, lg
, etc.) for making responsive layout. I don't know why the classes are not working and was not able to make a responsive layout. But when I used plain CSS media queries
for responsive layout it was working fine (you can find the media queries in output.css
file in my code, it is commented for now).
If you can help please provide a solution. I have added a comment in the code. I am using Tailwind CLI. Also I was unable to horizontally center the Divider Pattern SVG, need help in that also.
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on abdullahmd2's solution.
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord