Submitted
What are you most proud of, and what would you do differently next time?
none
What challenges did you encounter, and how did you overcome them?
none
What specific areas of your project would you like help with?
none
Gideon
@Gibby0
All solutions
Submitted
What are you most proud of, and what would you do differently next time?
none
What challenges did you encounter, and how did you overcome them?
none
What specific areas of your project would you like help with?
none
Submitted
What are you most proud of, and what would you do differently next time?
I was able to do this without any challenges.
What challenges did you encounter, and how did you overcome them?
None
What specific areas of your project would you like help with?
None
Submitted
What are you most proud of, and what would you do differently next time?
Using flexbox for layout, and integrating Google Fonts to enhance the visual presentation of the result summary component. Enhancing interactivity by with JavaScript to add dynamic behaviors and functionality to the component.
What challenges did you encounter, and how did you overcome them?
Making sure the application was as responsive as possible especially on the mobile vier was one significant issue I ran across. I overcame it by using an inline grid and percentage-based computations in my media queries, I handled it effectively.
Submitted
What are you most proud of, and what would you do differently next time?
I'm most proud of the clean and organized structure of the HTML code, which follows semantic markup principles.
What challenges did you encounter, and how did you overcome them?
Ensuring that the layout adapts well to various screen sizes, including mobile devices. I utilize CSS media queries to adjust the layout and styling based on different screen sizes.
What specific areas of your project would you like help with?
None
Submitted
What are you most proud of, and what would you do differently next time?
Through this project, I learned the importance of using em instead of px for font sizes to ensure consistency across different screen sizes without overlapping. Additionally, I gained experience in utilizing flex-direction to structure content effectively.
What challenges did you encounter, and how did you overcome them?
None
What specific areas of your project would you like help with?
None
Submitted
What are you most proud of, and what would you do differently next time?
What Makes Me Most Proud: In this QR code component project, I'm really impressed of how successfully I applied the mobile-first design strategy. Realizing a simple, responsive design that works well on a variety of devices was a noteworthy accomplishment. Furthermore, the component's overall user experience and aesthetic appeal were significantly improved by the integration of Google Fonts.
What I Would Do Differently Next Time: I would put more effort into early-stage planning and testing across a wider range of devices in future projects. This would facilitate the quicker detection of any layout problems or discrepancies. In order to obtain more control and efficiency when positioning elements in layout designs—especially in more complicated projects—I would also investigate the use of CSS Grid in addition to Flexbox.
What challenges did you encounter, and how did you overcome them?
Challenges - One of the primary issues in responsive design was making sure that the QR code component appeared well on all devices, particularly those with smaller screens. It was challenging to keep the QR code functioning and visible while adjusting its size and placement. Overcome - Media Queries: I used a lot of media queries to address the responsiveness problem. I was able to establish multiple styles for different screen widths because of this. I repeatedly tested the component across a range of devices to make sure that the scaling and layout held up over time.
What specific areas of your project would you like help with?
none
