All solutions

News homepage Website 💻

Hi guys 🖐 I'm Paulo and this is my solution for the challenge:

Technologies used: 🛠

• HTML5
• CSS3
• Javascript

Stats according Lighthouse: 🧾

• 93% for Performance
• 93% for Accessibility
• 100% for Best practices
• 100% for SEO

Questions for community: 🔊

In the responsive layout for mobile devices, by clicking on the hamburger menu, the background of the page changes to a darker tonality. I do not know exactly which CSS property is more appropriate for that. For my solution, I used: filter: grayscale(60%). I would appreaciate feedback on that or suggestions for a more fitting property.

Thanks for your attention! If you have suggestions or feedback, I would appreciate that! 😁

Paulo Xavier.

Advice Generator Website 💻

Hi guys 🖐 I'm Paulo and this is my solution for the challenge:

Technologies used:

• HTML5
• CSS3
• Javascript

Results according Lighthouse :🧾

• 95% Performance
• 100% Accessibility
• 100% Best practices
• 92% SEO

If you have any suggestions or comments, feel free to share with me! Thanks for your attention. 😁

Paulo Xavier.

I enjoyed a lot developing this solution and I'm happy and open to receive some feedback and suggestions from the community!! 😄

I enjoyed a lot developing this solution and I'm happy and open to receive some feedback and suggestions from the community!! 😄

I enjoyed a lot developing this solution and I'm happy and open to receive some feedback and suggestions from the community!! 😄

What did you find difficult while building the project? The most difficult part for me was create a responsive layout for both mobile/desktop. That's my second time using media. I decided to use media because it's a good resource for reponsive layouts and because I've done it one time before.

Which areas of your code are you unsure of? I'm sure about all the parts of my code, although I'd like to know which aspects of my code I could improve, in terms of clean code and best practices.