my solution result summary component

please open the link on a phone first. I did the mobile design

I wanted to get a try at using breakpoints. So I tried to do the mobile design first. I used a media query to have a breakpoint for small screens so when the link is opened on a phone the design comes out well.

However, I have a problem with the desktop version. （─.─||） I tried to use flexbox in the second media query to modify the layout for biger widths for desktop but it was not working.

should I put the entirety of the CSS in the media query then design the desktop view entirely from scratch? Does anyone have a suggestion?

TLDR: the phone design works but I could not style for desktop simultaneously