All solutions

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

I'm so happy than proud because I completed this almost 100% accurate.

With these 3 simple projects, I learned a lot. Thank you Frontend Mentor!

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

1. When I applied display flex on avatar img and h4 tag, it wrongly placed in the div. So then I changed the flex direction, and it worked well.

2. When customizing the buttons, I didn't know the width of the buttons can be changed. So, after figuring that out, I resized the buttons correctly.

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

It would be great if someone could review my code and give me some feedback and suggestions like what I am doing wrong or how to keep the code clean.

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

I'm proud of myself that I completed this one 95% accurately, I guess.

Next time I'll try to keep the code clean as much as possible.(reduce boiler plate code)

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

The major challenge was I couldn't resize the svg as I want. It doesn't resize like normal jpg or png images.

And the second challenge was adding the border radius for the svg. Even the border radius is not applying.

Then even after hosting the app, I found a solution on stackoverflow. So i set the SVG defined width and height to 100%.

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

If someone can help me with resizing the svg's smoothly, that would be great!.

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

As a newbie, I'm so proud about myself thinking that I done the work without any help from other party except w3schools. Yeah, it's a simple design but as beginner it is a quite a task for me.

I give my heartfelt thanks to my mentor, Hasika Sandaruwan, for his unwavering dedication.

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

1. Reading the readme and style guide. I'm not very familiar with reading docs and guides. But I think I did it well in this project.

2. Adjusting the border radius of the image - It's just a simple thing but I actually forgotten it. So I used w3schhols to solve it.

3. Importing and applying the recommended font family - I got the font from google font but I couldn't apply it. After I looked back at my old project and figured it out.

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

I think I didn't do well in fine tuning the paragraph text. It's recommended color(hsl(212, 45%, 89%)) is not showing properly in live preview. If someone can tell me how to do it, that would be great.