Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Project tracking intro component || HTML Tailwind-CSS || JS

@Pezzyace

Desktop design screenshot for the Project tracking intro component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Community feedback

@dev-anurag-singh

Posted

hey, peace nice work but your layout completely breaks at the screen width of above 375px and also you are not using tailwinds classes for media breakpoint but using your own which isn't a good practice

2

@Pezzyace

Posted

@dev-anurag-singh well i havev been having problems with tailwind breakpoint and media quires. The minimun is around 600px or so but it is the design requires a breakpoint at 375px that is why i use the style attribute st the end to apply my media quires... If u have a solution for this, i would appreciate.

P. S: i didnt install tailwind through npm, i just used the play cdn do i cant declare my personal breakpoint through the tailwin,js config file.

0

@dev-anurag-singh

Posted

@Pezzyace use tailwind arbitrary values like this

class="min-[375px]:text-3xl"

text-3xl will be applied at minimum screen width of 375px

Marked as helpful

0

@Pezzyace

Posted

@dev-anurag-singh this arbitary value no longer works... whenever i use it it affects the 1440px or default stylle .... it doesn't change in mobile view

0

Please log in to post a comment

Log in with GitHub
Discord logo

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