All solutions

What are you most proud of, and what would you do differently next time?

I am proud of maintaining a solid understanding of HTML and CSS basics. It’s rewarding to see that my foundational knowledge remains strong. Next time, I would like to focus on adding more accessibility features, such as ARIA roles, to ensure my projects are more inclusive and user-friendly.

What challenges did you encounter, and how did you overcome them?

I encountered two minor challenges, which are documented in the README file of this project. The first challenge was figuring out how to add borders to our table rows. After some research, I found a Stack Overflow thread that explained the necessity of using the border-collapse: collapse; property in the table styling to effectively apply borders to table elements. The second challenge wasn't really a hurdle but rather a noteworthy discovery: the usefulness of the "contains" attribute selector in CSS. This selector has proven to be very handy in targeting elements that contain specific text.

What specific areas of your project would you like help with?

I want help with expanding the accessibility features of my project. While I have a basic understanding of HTML and CSS, I want to ensure that my project is as inclusive and user-friendly as possible. Specifically, I seek guidance on implementing ARIA roles, enhancing keyboard navigation, improving screen reader compatibility, and ensuring color contrast meets accessibility standards. Any advice or resources on best practices for accessibility would be greatly appreciated.

Hello fellow Devs,

UPDATED after inputs and suggestions

This is my solution to this challenge. README file is updated and tells a bit of my struggles with the background and the background position property and how I solved it.

Really looking forward to hearing your feedback and your inputs and tips to maybe improve my code.

Thank you, Best, Tiago

Hello,

This is my solution for this challenge. Would love your feedback and tips for improving my code.

Thank you, Tiago

Hello,

This is my solution for this challenge. Would love to have your feedback and useful tips to improve my code.

The active states requested in the challenge are all working, just couldn't get a proper screenshot of them, but if you follow the live solution link, you'll see them working on both mobile and desktop versions.

Also, both versions in the design had a box-shadow that I tried to replicate the best I could. I even feel the desktop one had a second shadow, but I didn't add that one.

Really looking forward to get your feedback, Thanks, Tiago

This is my submission for this challenge. Would love your feedback and tips on how to improve code.

Thank you.