All solutions

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

I am proud that l could use the grid layout to create a responsive layout and that l am finally getting the hang of media-queries.

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

I had challenges with the positioning of the quotation mark image in the first grid item/ testimonial. I still have knowledge gaps in the use of the absolute and relative values when dealing with the position property. Your feedback will greatly be appreciated!

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

• Use of absolute and relative values of the position property. (What was the best way to position the quotation mark image in the first testimonial)
• Are there areas l could refactor to avoid the use of media-queries. Your feedback will greatly be appreciated!

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

I am proud that l was able to complete the challenge as l had difficulties getting started. I didn't really know where to begin but breaking down the challenge and focusing on one problem at a time did help.

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

I had problems with the spacing between the columns and actually deciding how many rows l needed for this grid layout. The gap property had effect on the horizontal gap but not on the vertical gap and if anyone has a suggestion on how l can solve the issue, the suggestion will be appreciated.

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

I need to practice using grid layout more as this is a new concept.

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

I am happy that l was able to complete the challenge and flow the mobile-first workflow. Befor going through the articles on Frontend Mentor l never understood why it was important to build for mobile first.

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

I had difficulties trying to use different images for different device size. I feel my desktop is so off from what was given in the design. Creating for mobile was easy but optimizing the code to work for desktop or bigger screens was difficult

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

Using assets optimized for different device sizes Still having knowledge gaps in the use of em and rem, Flexbox and media queries.

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

Honestly, l am not sure l am proud of anything in particular other than the fact that l am making progress in my learning journey.

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

The main issue was trying to build without any Figma files. I later used an AI tool that translates an image into a Figma file. It was helpful but not accurate in its conversion.

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

Code quality: how best l can improve on the use of HTML semantic tags, media queries and Flexbox

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

I am proud that this is my second challenge and l amazed at how much l am learning through tackling the coding challenges. This challenge took me less time than when l attempted the QR Code Component challenge because l now have some understanding of HTML5, Flexbox and how center elements and make them responsive.

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

I spent so much time trying to figure out why elements were displaying horizontally and next to each when there were block-level elements. I then read on the issue and realized that is the default flow of elements when using display: flex.

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

Read more on Flexbox (the execerices have allowed to just scratch the surface) Read on the difference between em and rem and best use case for each unit.

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

I am proud of the fact that l have started building instead of being stuck on tutorials. In my solution l also followed the workflow l would follow when contributing to open source or working in a team. The process involves creating a seperate branch for my changes, creating pull request and writing commiting message to my changes.

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

I had a bit of difficult trying to decide the appropriate HTML5 tags for my content. My goal was to practice the use of HTML5 tags but the difference between section and article is still confusing me. To overcome the challenges l face l google the problem and tried to read thoroughly and not skimming through the articles suggested to me.

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

1. I would appreciate feedback on my codebase. I understand there are many ways to solve a problem but feedback around the areas of efficiency and suggestions on how l could improve my codebase would be much appreciated.
2. Also reviewers are free to highlight area where did follow best practices as l am preparing myself for a Frontend Engineer position.