All solutions

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

I am proud I could manage to use the CSS grid.

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

I encountered challenge with the scaling of the body padding, I used clamp to solve the problem.

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

When to use certain untis like em. How can I calculate the dimensions in the design so I can clone it better.

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

I am proud I could finish one of the hardest challenges I made so far, Next time I will make Layouts using grid faster and without getting confused with grid elements.

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

challenges are:

• Confusion what should be with grid and what should be with flex.
• what are the proper values to set the grid templates.
• how should I distribute the the grid and how should I manage it child elements.
• How should I switch the layouts with grid in mobile screens using the media queries.
• My main headers disappeared after shrinking the screen.

I overcome most of these questions thanks to moderators in the Discord community

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

I think I still need to practice a lot for a better understanding of the CSS grid layouts

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

I am proud I could build my first good responsive design using media queries.

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

Some of the challenges are:

• How to create the same layouts as the design given in the challenge (I used Flex at the end)
• How to switch between different sizes of the same image for my responsive layout.
• How to fix breakpoints on the small screens related to width and height mistakes.

I overcome most of my problems thanks to @alexKmarshall on the Discord community. his feedback helped me a lot.

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

I need help in different areas, to be honest. I only know a bit about each area ^^

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

I am proud I could complete this challenge in the time estimated.

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

No challenges yet, it was chill

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

probably how to work with Sass? I am willing to learn more about it.

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

I am proud that I could find a solution for the issues I found during this mini-challenge.

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

The one challenge I faced was finding the right dimensions for the elements.

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

Please review my work. Any feedback is welcomed.

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

I am proud that i made many mistakes so i could learn from them Thanks to frontendmentor team ! next time i will respect the accesibility and i will use proper font size and width for the design.

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

I was confusing between what technics should I use to get a responsive design, and also what type of units should I use for font size and width etc... But thanks to the team members of frontendmentor I could get a useful feedback which helped alot on my research to fix all the mistakes.

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

The areas i need help with HTML/CSS structures, using proper CSS units in the right place, get good score in the lighthouse, responsive designs. I think All I need is tones of practice on different type of projects.

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

I am proud that I could clown the project, not 100% as the original but at least I made it look decent.

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

One of the challenges is trying to understand what tools have been used for the original project, and how I can provide the same quality with a responsive design. I also learned new technics for styling lists and tables.

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

I believe I need to enhance my responsive design skills, and I'm curious if it's possible to code the same page using fewer lines of code. If there's any way I could have done it better, please let me know. Thank you!