My FCC test pages

Hi,

I just only started learning from the website about 3 weeks and 5 days ago started one of the end tasks.

At the moment, it looks boring. Hence, why it looks mega basic but filled the requirements it asks for. Feel free to give me tips and feedback. It would be nice to hear from experts. Like I said, it’s basic.

Tribute
https://codepen.io/Ar_Yue/pen/qzJPQr “Update: 8/7/19” passed.

Survey form
https://codepen.io/Ar_Yue/pen/mZabeP “9/7/19” passed

Product Landing page
https://codepen.io/Ar_Yue/pen/dBLNBO “14/7/19” passed
Comment: I might redo this one but I lost all will to this task. :dizzy_face:

Technical Document
https://codepen.io/Ar_Yue/pen/Oeejym “18/7/19” passed

1 Like

Looks decent and it gets the job done. I had problems fleshing out mine. Here’s mine for comparison. https://codepen.io/ryanhuang13/full/mZpXxO

By the way, welcome to freeCodeCamp! I hope you have a great time in the forums and content.:grinning:

Hi @Ar_Yue. It’s a good first start. Some things you may want to revisit;

  • codepen only expects the code you’d put within the <body> </body> tags in HTML. (No need to include the body tags). For anything you want to add to the <head> click on the ‘Settings’ button and add it into the ‘Stuff for <head>’ box.
  • keep the script when forking the pen <script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
    (for some reason you erased the <script> elements)
    You page meets 6/10 user stories
  • codepen provides validators for HTML, CSS and JS. Click on the down arrow in the upper right of each section and then click on the respective ‘Analyze’ link
  • make your page responsive

Hey Ryan,

Thanks for the welcome. I checked yours out… looks better than mine. Design wise and much more readable too. Ace job. :smiley:

Hi Roma,

Thank you for the information and feedback. I guess I was stuck to the basics of the tags that I was using. LOL

Time to revise my work.:face_with_monocle:

Thanks :smiley: I thought it was garbage personally.

Sorry it’s a bump up post because I don’t like producing some many threads.

The second task on Survey Form:
https://codepen.io/Ar_Yue/pen/mZabeP

Having issues with Number 10. :tired_face: Could someone elaborate what I’m doing wrong.

<label for="name-label" id="name-label">
You’ll need the id attribute for this to work. Do this to all three labels.

FFS LOL

Thank you~! I was going mental since this morning figuring this out. :laughing:

:slightly_smiling_face: XD

Update bump post.

I did the Product Landing page with issues. Even though it’s passed but I’m having issues on the “nav-link”.

The problem is, only two of the links (team and delivery), didn’t properly correspond to it’s correct section… could anyone explain or advise me a solution, please?

I lost motivation…

Update bump post

Finished my Technical Document task within 4 days. I think I’m getting the hang of it but really should start redoing the Product landing task, is it ok to resubmit it again on the challenge page before the last challenge?

Thanks, your documentation page does not have sticky navbar. The bar itself sticks, but the nav-links don’t.

@RyanHuang06 is that good or bad? LOL

Not exactly good, it’s just weird that the actual clickable links do not scroll with the page, just the bar they are in.

Ok. I had to revise the navigation bar responsive action. Hopefully, it’s better than last time. :crossed_fingers:

:slight_smile: good now, but overflow was annoying until I found scrollbar.