Back to Prompts

Convert CSS to Tailwind CSS Utilities

Rewrite traditional CSS classes using Tailwind utility classes.

category:modernization

0

Prompt

Translate these CSS rules into Tailwind CSS.

Rules:
- Prefer existing Tailwind spacing, color, and typography tokens
- Use responsive prefixes (sm:, md:, lg:) instead of media queries
- Use state variants (hover:, focus:, active:) instead of separate classes
- Avoid inline styles unless absolutely necessary

Return:
- Example HTML markup using Tailwind classes
- Notes about any compromises or design changes.

Related Prompts

Update Gradle build for Spring Boot 3

Update build.gradle with Spring Boot 3 plugin and Jakarta EE compatible dependencies.

spring-bootgradlebuild+4

Update Maven dependencies for Spring Boot 3

Update pom.xml with Spring Boot 3 dependencies and Jakarta EE compatible libraries.

spring-bootmavenbuild+4

Verify Spring Boot 3 dependency compatibility

Check and verify all third-party dependencies are compatible with Spring Boot 3.

spring-boottestingverification+5

Create Spring Boot 3 migration test suite

Generate comprehensive test cases to verify Spring Boot 2→3 migration success.

spring-boottestingtest+4

Update JPA entity mappings for Hibernate 6

Update JPA entity mappings and annotations for Hibernate 6 compatibility.

spring-boothibernatejpa+6

Fix Hibernate 6 JPQL query parsing issues

Resolve Hibernate 6 stricter JPQL query parsing errors and update query syntax.

spring-boothibernatejpa+6

Browse More Prompts