I think youâre off to a good start! I believe there is a lot of room for improvement on the aesthetics side of things. Mess around with implementing fonts from Google Fonts, and messing around with the sizing of different elements and text. The most important thing for a webpage like this in my opinion is going to be readability, so I would definitely have a focus on making the text somewhat larger and have better contrast with the background. Good job, keep up the good work!
This is beautiful, I really love your choice of colours. You are doing well, just put more effort in making your page a little bit more responsive, using @media queries
Your page looks good @Hopefy. All tests pass and it is responsive. Some things to revisit;
Codepen provides the boilerplate for you. It only expects the code youâd put within the body element in HTML. (No need to include the body tags). For anything you want to add to the <head> element click on the âSettingsâ button, then HTML and add it into the âStuff for <head>â box.
Your page looks good @Hopefy. Some things to revisit;
Never use view port units for font sizes. The user should always be in control of the text size on the page (that is, they should be able to manually increase the text size). Using view port units prevents them from doing this. Your job as a developer is to make sure your page is responsive to text size increases. If you donât know how to manually increase the text size, using Firefox, go to the âView->Zoomâ menu and activate âZoom Text Onlyâ. Then while holding down the Ctrl key scroll your middle mouse button to increase the text size. If font-sizes are defined with vw units the only way a user can increase the text size is to widen the browser window. What if the user has really bad eyesight and canât make the browser window wide enough?