Any help would be appreciated, thanks!
The provided site specifies a min-height of 100px for the divs with the colors. Once you add that, I think your site will be a spot on replication
Thank you for your comment but the min-height addition did not change much. The difference is noticeable throughout the whole page, not just the colors’ divs. Even the borders, which should have the same thickness (2px), do not look the same between my site and the provided site. The borders on my page are way thicker. Same with fonts too…
Your borders appear the same size to me. Yours are a darker color though because you used the color keyword
grey while the Codecademy site uses a hexidecimal code.
Check you spelling and capitalization of your fonts.
The only other thing I see is you
<h2>s in the bottom section. You are currently styling both of them, though I believe the Codecademy site only styles the second one.
The only difference between the two for me is the height of the box. Any chance you have magnification set to be different on your two tabs?
and after I set yours to have the min-height:
The color of the border has a slight difference in the 2nd one as you can see, but the thickness is the same. The grey color they use is
Thank you guys so much! now that I reopened the sites they appear the way you guys are describing them. This was not the case the other day, I guess back then I changed something in my chrome dev tools box which made the two sites appear differently, and now they look good.