All solutions

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

I have learned more about responsive design before starting to complete this challenge and I wanted to use what I have learned (rem and em; not setting fix widths and heights etc.). I am happy to learn and implement that and also CSS BEM naming convention.

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

I wasn't very confident with creating responsive layouts but I have read about media queries and used them and also picture html element to set different images for different screen sizes. Kevin Powell's responsive websites course has also given me a lot of knowledge on CSS and responsiveness.

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

Any advice is always appreciated ;)

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

I am mostly happy with being able to do some refactoring in css to make it shorter and more consistent.

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

I don't know how to incorporate static fonts provided in the folder. But again, I just used the links from google fonts instead of looking for the solution to the static ones ;)

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

Any advice is very welcome ;)

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

I am mostly proud of how much styling I can do without googling and that the time I have estimated to finish this challenge matches the actual time I've spend on it.

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

I haven't encountered any bigger challenges. Estimating spaces between elements without a figma design takes a bit more time.

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

Any advice is very welcome ;)

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

It has been my second project from Frontend Mentor, and it has been so much easier to follow external instructions after having completed the first challenge. Again, I am proud that the time I've estimated for this project has matched the time in which I've completed the project. It's really comfortable to work on a design where so many details are provided. I can focus on writing the code instead of creating content.

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

I haven't encounter any problems.

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

I would appreciate advice on how to best structure my CSS file and how to find best id and class names.

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

I am especially proud of the time it took me to finish this project. I estimated around 2 hours but managed to finish it in an hour. I am also happy with finally being comfortable using CSS flexbox since it has always been a bit of a struggle.

I would probably rethink the css properties that I have used for the overall layout. I am not sure is flexbox for body, and flexbox + position: absolute for the main component and footer is the best and common solution.

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

The most challenging parts were:

• the layout of the page: should I use flexbox? Is the combination of flexbox and position: absolute for the footer the best option? Should I use grid for this page?

In the end I've decided to use flexbox & position: absolute for the footer for the overall layout.

• how to fit the image of the QR code.

I've set it's width to 60%, but I am not sure if that's the best solution.

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

I would be grateful for the feedback regarding:

1. the overall layout solution: flexbox on the body + position: absolute on the footer. Is it a good solution and a common one?
2. resizing the QR code image to fit the box? Is my solution to set it's width to: 60% a good one? Is there a better way to solve that part?