Some things to note when using CodePen:
- CodePen does not expect any content outwith the
script information must be put in the settings section of the HTML editor.
- You do not need to/cannot link the CSS in your HTML, if you place the CSS in the appropriate section.
- If your project uses React, use the Babel preprocessor, and link the CDN in the appropriate section.
- The editors offer the ability to format and analyse your code, providing useful information about forgotten closing tags etc.
If you are still confused with how to use CodePen, please read the official documentation.
As for most web projects, many browsers automatically add their own margin/padding to elements of the page. So, I suggest you introduce this line to the top of every project’s CSS:
Perhaps, make use of the
overflow: hidden property on your root element. Then work from there.
Lastly, ensure to set the
width property of all your elements, as needed.
Hope this helps