Guys check this out

Project Feedback
#1

My first HTML and CSS form :point_right: https://codepen.io/electron1/pen/RwoBNwK
Please guide me if I did any thing wrong…How can I make it better?

#2

hello I am new here too
I think it is better put the button in front of the text???

#3

Hi @Raj0 !

I think it looks good for laptops but it doesn’t work for smaller devices.
I would work on responsiveness.

Screen Shot 2021-03-04 at 3.27.35 AM
Screen Shot 2021-03-04 at 3.27.35 AM996Ă—1094 34.3 KB

I like the design though :grinning:

1 Like
#4

Thanks :grin:…Yes the form is not responsive…

#5

In front of which text ?..

#6

Your page looks good @Raj0. Some things to revisit;

  • Keep the test script when forking the pen (<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>)
    • The test script, with all tests passing, should be included when you submit your projects.
    • Your page passes 3/17 user stories. Click the red button to see which test(s) are failing and text to help you correct the issue.
    • Be sure and read more than just the first line of the failing message. The ability to read and comprehend error messages is a skill you’ll need to acquire as a developer. Ask questions on what you don’t understand.
  • Run your HTML code through the W3C validator.
    • There are HTML coding errors you should be aware of and address.
    • Since copy/paste from codepen you can ignore the first warning and first two errors.
  • User’s should be able to click on the label to toggle a selection, not just the radio button / checkbox
  • Do not use the <br> element to force line breaks or spacing. That’s what CSS is for.
1 Like
#7

Thanks for your valuable suggestions :slightly_smiling_face: …