Hello everyone, I’m Ben and this is my first post on the forum and my first completed challenge so please be open with all criticisms and recommendations.
The completed challenge is the tribute page which I dedicated to the Windows Phone OS.
Here’s the CodePen Link: https://codepen.io/BenTechCode/pen/poyErmw
I did use some Google Fonts to make the page look more professional. I also wrote all the code in VS code before pasting the code into CodePen.
Can’t wait to see the feedback.
nice to meet you!
Congrats on your first project, great job so far!
<link rel="stylesheet" href="TributePageCSS.css">
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital@1&family=Roboto+Condensed:ital@1&display=swap" rel="stylesheet">
links, you can go to
Settings > HTML > Stuff for <head> and paste them there.
<main> you have a
<head>...</head>, you also want to put the
head's content into
Settings > HTML > Stuff for <head>.
Your code now should look like this:
after you removed this unnecessary stuff, you can get a code validation by pasting your HTML code into the
body; you will see some small errors and I think you are able to fix them!
you can increase the readability of your code by:
- clicking on the small arrow on the right side of the code box and
when I decrease the width of my browser, the content gets squeezed; this is important for people who read your page on a smartphone
- on my wide screen, I’m having a hard time to read the content, because the lines are very long, font size and line height are rather small
So this seems to be a lot of stuff, but it’s totally normal that literally every website has room for improvements!
Feel free to ask questions and keep up the good work!
Thank you so much!
I really appreciate the advice I wrote the code in VS Code and Just pasted into CodePen to pass the challenge, but I’ll validate and format the code to Update it later. I’ll also clean up my CSS to make the content more readable.
Once again Thank you for Helping me be a better dev.