Hi! I just finished project 3: Landing page. I passed all the user stories. I also made it responsive (mobile friendly) for the most part. I would love to hear any feedback you can give me. Be as brutally honest as you can. Thank you!
1 Like
Your page looks good @Stampflmail92. Some things to revisit;
- Codepen provides the boilerplate for you. It only expects the code youâd put within the
body
element in the HTML editor. (No need to include thebody
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.- For instance links to fonts go in the box labeled âStuff for <head>â
- Btw, the
link
element is not closed
- Codepen provides validators for HTML, CSS and JS. Click on the chevron in the upper right of each section and then click on the respective âAnalyzeâ link.
- The one for CSS is good. Use it and address the issue(s).
- (The one for HTML misses things which is why I recommend W3C)
- Check that the user has entered a valid email addr. Throw an HTML5 validation error if not.
- You learned to do this when coding the survey form
- Itâs very odd to me that the
#contact
nav-link goes to the âselectâ button in the âLes Paul Modelsâ. Youâre missing a section, right?
Hi! I made some changes.
I could not for the life of me, figure out how to use the Font Awesome icons, it wouldnât show up. I tried for like 2 hours-the code is still in there.
For iPhone responsiveness, I could not get the header to be fixed and look good at the same time. I either did display: relative which made it look better, but it was not fixed then. If I changed it to display: fixed, the header covered my email input and submit button.
https://codepen.io/mastercoder92/pen/OJbRWmB
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.