I have used media query for mobile device view, but seems like the component just keeps getting thinner when the page is between 375px and 900px so I have to write another media query for this range, to adjust the width of the card. will this be possible without the extra media query I wrote? or is there a different approach to the desktop version css I wrote?
Congratulations for completing this challenge.
You asked about using media queries . I think it's better to rely on natural responsive of the css before relying on media queries, I have finished this challenge without using any media queries just use flex box this will make your component flexible and you can set the width or the minimum width of the component to not get thinner. Then you can use padding and margin to adjust the spacing of the items inside the component.
