Tell us what’s happening:
There’s a main problem. My @media doesn’t quite work for flex-direction : column. When I look at my codes in CSS, it seems that my @media does not register at all, from the codepen colours.
I also found that in CSS, curly brackets within curly brackets do not work at all.
I tried it in chrome and got the same results. In fact, when I copy pasted the original fcc code into the chrome, I get a bunch of nonsense. I copied every line in firefox and got the same results of nonsense look. I got my page to look close to the test only by making sure each category has only one set bracket.
Besides a few details of looks that I haven’t yet figured out, the main problem turns out to be the @media.
Can someone see what the problem might be?
Your code so far
Your browser information:
User Agent is:
Mozilla/5.0 (Macintosh; Intel Mac OS X 10.13; rv:62.0) Gecko/20100101 Firefox/62.0.
Link to the challenge: