All solutions

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

I am proud of completing this challenge. I tried to create similarly as close as possible to the design. However I think there is a better solution than mine. I practiced media query and flexbox to make it responsive. Next time I want to use grid.

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

When I was doing this challenge I struggled to make text look similar to the design at first. I tried to limit line of the text using padding and margin but it didn't help then I read web dev about typography and found out solution to overcome this issue by using max-inline-size.

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

When I was checking responsivenes of my solutoion by devTools I noticed horizontal scroll show up.If you know how to resolve it let me know.

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

I am proud of completing this challenge even if I procastinated a little. I tried my best to structure html and used modern css reset of Josh Comeau that was suggested from the previous challenges so I finally applied it. This is the last challenge from getting started module so I am so excited to start responsive module of this learining path.

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

I didn't know how to use html table properly and remove borders in some part of it went to mdn documentation to learn. I also used help channel and feedbacks of others to find the solution.

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

I am not sure that header landmark is used correctly. In some resources it says that it can be used for introduction, logo, navigation and h1. If I am wrong please let me know.

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

I am proud of completing this challenge. I could build out this social link profile and got it looking as close to the design as possible.

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

I used to have figma file from previous challenges so It was challenging at first how to get a right size then I had a look at the design of qr code component and noticed the similarites of the size of their container and I used it as an example after I just worked with jpg so the key point here is I could learn to use my best jugment of the size to create this project.

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

From my point of view this challenge has been done with high quality. If you disagree let me know.

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

I am proud of finding the time and effort to complete this chellenge because this chellenge helped me to realise that I am capable of doing it. This chellenge refreshed my knowledge in some concepts like local fonts, css custom property, box model and so on.

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

I was shocked when I see the fonts in separate folder because I almost forgot how to use them like that so I googled as usually and find solution in stackoverflow where it suggested to me to use @font-face for this.

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

Even though if I could add the local fonts it looks like there is a little difference between design and actual implementation of mine. I need your help in it. Could you check it and let me know your thoughts about it.

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

I am proud of that I accomplished this task very quickly and practised my box model knowledge also I could use css custom properties. I want to use scss and bem next time.

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

In this chellenge I struggled with centering the text especially paragraph However, figma helped me to figure out how much padding and margin to set. In addition, I used flexbox to center the div for the first time it didn't work but I googled a little bit and discovered about min-heght should be set to center vertically otherwise it doesn't work.

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

I completed this task quickly and design matched, although, I am having issue with responsivnes in small sizes. Could you help me if it is possible. Thanks

Could you give me the feedback about how can I improve the given solution using the alternative ways?