And the final project is done!

Code Feedback
1

And the final project is done!
It was my first project done with mobile first approach which I am now a fan.
The Responsive Web Design Certification is achieved.
Feedback would be much apreciated.

Thanks for your time
FredVal

1 Like
2

Indeed, it looks good. My checklist:

  1. Responsive
  2. Use of new layout techniques: yes. flexbox.
  3. Looks well put together at first glance.

That said, I would push you further on. I’ll just give 2 suggestions:

  • In browsers, there is a forgotten Accesibility tab. I took a look because the contrast was a bit low for me. There are warnings coming from Certifications, and following sections. Just make the text (not the headers) a bit darker. And explore the tool!
  • I’d make the body background a bit darker.
  • I would add a shadow like this to all items:
box-shadow:1px 1px 2px rgba(0,0,0,0.7),
1px 1px 6px rgba(0,0,0,0.3);

edit

  • Last minor issue: there is a tiny black arrow indicating that your page goes on. That arrow should scale with the viewport size, should be bigger, and should be seen before scrolling, not after.
1 Like
3

Thank you so much for your feedback, I really appreciate it :slight_smile:

The accesibility is something I actually care, but i didn’t notice that tab at the developer tools. Its really something I’ll use in the future and I will make some tests with this site.
The shadow is a cool element. I added it, althought not quite as you suggested.
The arrow is something I struggled with a lot! There are some view port sizes where it works like a charm and others where it’s a disaster. I couldn’t find a better arrow than that one and it doesn’t support a bigger size… it gets pixelized. Anyway I chose to leave as it is because it works well at the majority of the viewports.

Thanks again!

4

You’re welcome. Interesting shadow by the way.

1 Like