All solutions

Did I use the best practices for the Javascript portion of the challenge?

Is there a way to have the Javascript toggle between displaying the divs? For example, on the desktop screen size I added an "x" icon and new function for closing the pop-up because the share icon already had a function for changing the display from "none" to "flex".

I am unsure how to get the card background to appear like the design. The background image crops at the end of the div container instead of filling to the edge of the container. Also the orange box image moves when adjusting the screen size.

Did I use the best practice for my functions? I selected by element ID, should I have used classes instead or querySelectorAll?

My solution matches the design at the 375px and 1440px viewpoints, but in between those screen sizes is it supposed to scale relative to the screen size?

Should I have done the mobile view first?

I tried to only use pixels for font size and border radius, should I have used pixels for the dimensions of the divs and containers?

Having trouble with centering the mobile view on the page. The desktop view appears centered.

Is my CSS easy to understand/follow?

Did I order my CSS in a way that's easy to follow?

Should I have used more classes to specify the elements in my HTML?