Advice Generator App using Vanilla JavaScript and Tailwind CSS

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.