Sports!House survey form and product landing page (feedback)

Code Feedback
1

Hello my seniors. Going into my 3rd week of code learning with freecodecamp’s curriculum. This is my Survey & product landing page. Please kindly give me your opinion:

Survey Form
Product landing page

I’m still struggling with media query. So when the screen size is reduced, it’ll turn to nightmare.
any advice on that?

2

Hi @jodranata,

Survey Form;

  • Keep the test script when forking the pen (<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>). Your page passes 12/17 user stories.

Product Landing page;

  • Keep the test script when forking the pen (<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>). Your page passes 12/16 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.
    • There are some things in HTML that you can clean up

Before continuing on, go to Google and search for how to use media queries. Some additional info will help. This link to w3schools is one good place to start.

1 Like
3

Thanks for the input @Roma
I agree There are a lot of things I need to clean up in the HTML… especially about semantics tag…
As for forking the pen I don’t quite understand, can you elaborate a bit?

4

It’s a lot to type @jodranata. Instead I’ll leave you with a link to check out;

For all of the responsive web design projects, right after the last user story is the following line;
You can build your project by forking this CodePen pen. Or you can use this CDN link to run the tests in any environment you like: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js.

1 Like
5

the survey form is great but product landing page?.. i can tell your in a hurry.let the ideas come in to your mind and make an awesome website.

1 Like
6

Oh, I thought you only need to put it if you copied the pen from freecodecamp, not if you’re writing you’re own from scratch.

My bad, I’ll put the test-script then. Thanks for the info, good sir @Roma

1 Like
7

@mersad1998 what’s wrong with it? Ugly design? Not responsive (definitely)? Messy codes? Everything??

I never really have a good artistic sense (which I’m trying to improve). Hahaha