So I’m just about to begin on the Tribute Page and having not used CodePen before, was just quickly running some tests to understand the layout. I wanted to just create a simple blue square in the center of the page, using a height and width value of 200px.
The results is a box that is almost twice as tall as it is wide, where it should be 1:1. If I use this same code in other places, it does what I expect, it creates a 1:1 box.
After doing some tests, the issue seems to go away once I remove this from the JS: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js
Should I be concerned about this before beginning making my tribute page? I’m worried it’ll be throwing other values off and will cause further issues down the line.
Image attached showing code and issue.
User Agent is:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/96.0.4664.93 Safari/537.36
Challenge: Build a Tribute Page
Link to the challenge: