Please help me peruse this work inorder to improve on the design
My opinion:
- Improve the main image quality
- Increase the logo size
- Avoid italic font in the page title
You’re doing great.
Hi @Hadeymike10, welcome to the forums. Your page looks okay. Some things to revisit;
- run your code through a validator other than the one codepen provides. You have a mismatched quote and a closing
</div>
that doesn’t have an opening one. There are a couple of other issues that it will show that you should clean up. - Use external CSS for styling everything. You have a couple of instances of inline CSS
- This
@import url("https://fonts.google.com/specimen/Roboto/");
is not the correct way to import the font. When you click on the plus sign to select the font, you’ll see at the bottom of your browser that there’s a family selected. Click on it to expand and then select either ‘standard’ or ‘import’ and from there copy and paste what you need. - It’s also odd that you’d import a font to be used as your fall back. Your fallback font should be something like ‘serif’ or ‘sans-serif’ in case your desired font doesn’t load for some reason.
- Run your CSS through codepen’s validator. You have a typo that affect how your button will look when defined correctly.