Responsive Web Design Projects: my 5 projects

Code Feedback
1

Hi everyone,

I have just completed all my 5 projects for the Responsive Web Design Certification.
I am so proud of myself after completing this 1st part of the journey.

All feedbacks are welcome!
:wink:

Have a nice day,
Emmanuel

Here all my 5 Responsive Web Design Projects:

11 Likes
2

Looks cool! Well done:)

1 Like
3

Your pages looks good @Emm_Terr. Some things to revisit;
For your tribute page;

  • Itā€™s not a good idea to go from an h2 to an h1. You want to start larger and then go smaller.
  • Review the lesson about giving meaningful text to links.
    • Web Accessibility in Mind has a more thorough explanation.
    • ā€œwikipediaā€, ā€œthe nobel prizeā€ and ā€œgreen belt movementā€ are not accessible
  • the media query block is not closed

survey form

  • 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.
  • Run your CSS code through the validator also. Ensure you click on the ā€œCSSā€ checkbox. Thereā€™s coding errors there to address also
  • Make the page responsive. Iā€™ll attach a screenshot at the end to show what I see on a smaller screen

product page

  • 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.
  • In CSS be wary of using duplicate selectors

tech doc

  • The test script should be included, with all tests passing, when you submit your projects.
    • Your page passes 15/16 user stories. Click the red button to see which test(s) are failing and text to help you correct the issue.
  • 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.
      • You can also ignore the additional warnings if you want but the errors should be resolved.
  • Do not use the <br> element to force line breaks or spacing. Thatā€™s what CSS is for.
  • Nest multi-line <code> snippets in <pre> </pre> tags in HTML to preserve whitespace and line breaks.
    Or skip the <pre> tag and do the following in CSS;
code {
  white-space: pre-line;
}

portfolio

  • 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.
      • You can also ignore the additional warnings if you want but the errors should be resolved.

Screen Shot 2020-09-26 at 14.35.57
Screen Shot 2020-09-26 at 14.35.57500Ɨ644 24 KB

6 Likes
4

looks goodā€¦ :+1: :+1:

1 Like
5

This is very cool, what is your background when beginning this project? Were you already well versed in web design?

Edit: from your porfolio project site, seems youā€™re good at UX design as shown from the cool pages you made, great!

1 Like
6

Hi ,

@Roma, a thousand thanks for your feedbacks!
Iā€™ll follow them, and make the corrections.

@amarmarf, yes, now I am designer trying to learn to code.
:slight_smile:

1 Like
7

Your projects looks good. Well done!
Maybe you can work more on Personal Portfolio.

1 Like
8

Amazing job! youā€™re on a great track manā€¦ congratulations

2 Likes
9

Those are really great examples of work!

Congrats :slight_smile:

I have just finished my Tribute Page and this gives me the right motivation to keep going :muscle:

Thanks for that!

2 Likes
10

Honestly, your tribute page is so so beautiful. Mine isnā€™t half of it

2 Likes
11

Tres bien! You have a very good eye for design, congrats!

1 Like
12

Wow. Looking at your projects makes me want to go back redo the ones Iā€™ve done already.
My projects tick all the stories requirements, but donā€™t look even half as good as yours.
Your eye for visual design is very good.

1 Like
13

Thank you everyone for your kind words.
Coding is not that simple, but your words gave me strength and motivate me to keep going.
Hope you doing well too & keep going guys!
:slight_smile:

14

Great stuff! Love your personal portfolio page specially, but all the projects are on point.
Congrats :slight_smile:

1 Like