Responsive Web Design Projects - hope you can give me some feedback

Code Feedback
1

Hello everyone, last month I feel some problem in myself, maybe just give so much stress in learning process by myself, I trying to fix out and adjust my state, So!I’m back in here again and
restart the build project, hope you guys can give me some feedback

  1. Tribute Page
  2. Survey Form
  3. Product Landing Page
  4. Technical Document Page

By the way, I start to build the small practice project in everyday by train myself(and today is in Day12), if you’re interest, welcome to see my github repo or codepen, I will keep going to update this project, hope someone can give me some suggest or maybe this can help someone to solve something problems(if it real I will be glad to know that), at the end, thanks for you all to see this topic, hope everyone have a nice day and enjoy your coding! :blush:

2 Likes
2

For all of these I would suggest you try manually increasing the text size a bit and see what happens.

3

@bbsmooth Thanks for your suggest, I have to try increasing text size, but it seen like just font been bigger, I’m not really sure what happens in your remind, can you help to explain more? :disappointed_relieved:I’m appreciate you

4

Take the tribute page. As soon as I start increasing the text size the content breaks out of the bottom box on the left (and eventually the the box on the right too).

Make sure you are increasing the text size only and not zooming in the entire page. To do this, using FF, go to the ‘View->Zoom’ menu and activate ‘Zoom Text Only’. Then while holding down the Ctrl key scroll your middle mouse button to increase the text size.

5

Pages look good @kxin. Things to revisit;
tribute page

prod landing

  • Run your HTML code through the W3C validator.
    • Since copy/paste from codepen you can ignore the first warning and first two errors.
    • There are HTML coding errors you should address.
  • Check that the email field is properly populated when clicking the submit button. Show and error if not. You learned to do this when you made the survey form
  • change the cursor to a pointer when hovering over the submit button

tech doc

  • The page needs to be responsive. On desktop there’s a horizontal scrollbar…gets worse on smaller screens
  • Run your HTML code through the W3C validator.
    • Since copy/paste from codepen you can ignore the first warning and first two errors.
    • There are HTML coding errors you should address.
1 Like
6

@bbsmooth Thank you for teach me these important things!I will keep these
in mind and be care in any project, now I’m trying fix those problem, just wants to thank you again to help me learn more, by the way, I found a Chrome extension its work fine to also zoom text only :laughing:

7

@Roma Thank you give me important information to fix my problem,I will check validator first in my future project, now I just keep going to check my project and fix them to complete them , just wants thanks you first to give me help :blush: