All responsive web design projects, I need your feedback

Hello there,
after some weeks of going through the RWD-section I just finished the portfolio page. I would like to claim the certification now, but Iam not so sure about it yet. I did my best researching the things I didn’t understand in the examples, yet my pages look a lot like the given examples, Iam not sure if I should just claim the certificate. Please tell me if I need to rework the pages. Additionally since I went through all this sections, I have a lot of questions, to shorten this down, is there any good book which goes deep on html5 and css3 that you can suggest to read? Iam afraid the one from O’Reilly is a bit old - I’m not sure.

Here are the pages:

My best wishes to all of you
Mathias

I looked through your pages. Here’s my feedback;

tribute

  • Run your HTML code through the W3C validator.
    • There are HTML syntax/coding errors you should be aware of and address.
    • Since copy/paste from codepen you can ignore the first warning and first two errors.

survey form
The HTML code , with a few subtle changes, looks to be a copy of the sample project.
The same for the CSS code. Subtle changes, some code left out, but it appears the same.
Would you say the code is original?

product landing

  • Codepen provides the boilerplate for you. It only expects the code you’d put within the body element in the HTML editor. (No need to include the body tags). For anything you want to add to the <head> element click on the ‘Settings’ button, then HTML and add it into the ‘Stuff for <head>’ box.
    Review this for an understanding of the HTML boilerplate tags.
  • Run your CSS code through the W3C validator.
    • There are coding errors you should be aware of and address.
  • There’s a section of commented code that looks like a part of the sample project with some subtle changes.

tech doc
Looks good. I do see code (@media) that looks to be a direct copy of the sample code.

portfolio
Looks good…

  • Keep all your styling external. Do not use in-line styling.
  • Just a suggestion but it would have been nice to see you use flex or grid skills and have two or three projects across on larger screens and only stack them on smaller screens

Hy Mathias,
I am also a bit new to html and CSS. I found youtube very useful for understanding certain mechanics of these 2 languages and if you are not using it already I would definitely recommend it to you. I think it is more useful then a book because of the visual aspect.
You can watch some tutorials on certain functions such as flex, grid, animations, etc and implement them. You can start by copying it, then changing it to your own design. I think it is when you change the attributes, values etc. , you start really learning. The seemingly endless interactions between them start to become clear.

This is great resource and worth to check out before you buy a book. So much is explained here and there are small exercises here and there too.

To my taste your projects are a bit skinny. Why not revisit them? Its a good opportunity to learn more on the subject. Pick a part one at a time, you can look on FCC, CodePen or youtube for inspiration and see how the language is used.

Good luck!

Thank you for the feedback, I’ll rework the pages and have a closer look at w3c.