All solutions

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

This was not very difficult, and I was able to complete this challenge within a day. I also learned how to increase the clickable area for a tags to make them easier to click for users.

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

A small roadblock with making the a tags clickable area larger. I was able to find a helpful resource with an easy to implement solution.

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

Any feedback or suggestions to increase the functionality are more than welcome. Constructive feedback on the styling, hover and focus states or anything I have missed are desired as well.

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

The fact that I was able to complete the project in terms of styling despite not using the design files very often. I attempted to challenge myself using mostly the screenshots from the frontend mentor challenge site. Using those images, I was able to complete most of the styling with only referring to the style guide for the exact colours to place into CSS variables.

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

Some challenges with getting the mobile version to look more proportionate with the size of the emulated display. I had to adjust some of the margins and font sizes in order to manage this issue. Open to additional suggestions and feedback.

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

Nothing specific, any general feedback or areas of improvement are welcome.

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

I am proud of the fact that I was able to complete this challenge within a day. I had to take a break from web development for personal reasons. Jumping back into the workflow, I am somewhat "rusty"; however, there were many HTML and CSS practices that I was familiar with and recognized immediately.

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

I am proud of the fact that I was able to overcome the image exploding from the container roadblock. In addition, I was able to reduce the qr code component to a reasonable size relative to the entire entir viewport.

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

Any suggestions for general HTML and CSS improvements are welcome. I am always looking to make my markup more efficient.

I am seeking feedback on how I can make further improvements to refine the design, styling and possibly adding features in the future to make the component more useful.

I am also open to adding animations and states to make the component more dynamic.