All solutions

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

Get it done and improving the use of Flexbox

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

Responsive. Solved after reading a couple articles about it

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

Responsive. But any kind of feedback is more than welcome!

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

This challenge helped me to practice more the use of the "position" property. An easy but tricky challenge. It feel great to complete this challenge! I'm proud that i successfully complete this challenge.

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

Positioning the image where it should be, the background circles and for some reason, the middle text from the footer didn't look align to the center, even when all the containers and text were aligned. For the pfp image, i saw a YT video to get an idea, and using the developers tool i got the values after playing around for a while. for the text on the footer, i used margins (i didn't want to, but it was the only way i figured it out to solve the problem), and for the background, i tried a lot of values, without good results, but thanks to a comment from @danielmrz-dev on another post of the same challenge, i was able to get the results i wanted for the "background position" property! :)

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

Any feedback is more than welcome!

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

I'm proud that i was able to complete this challenge, and got a similar look to the original design!

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

When i was doing the responsive, i realized that the header wasn't having the same height as the container, so i search for a solution and learned the "stretch" value of the align-self/align-items property. It helps me to achieve the result i was looking for. Also i tried to get the same look from the desktop version changing some sizes, and getting used to the em sizes.

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

I'd love any advices about the media queries i used for this challenge, but any kind of feedback is more than welcome! :)

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

Proud of getting the challenge done!

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

Placing the overlay effect over the image on hove. After reading an article from W3schools with an example code, I was able to get the same results

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

Any feedback is more than welcome!

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

getting confidence building layouts. Still having to improve a lot, but it's nice to see progress:)

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

none

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

I'd like to know if there's a better way to set the buttons below the container without using margins. Any feedback is more than welcome!

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

I'm proud that i made it quickly. Probably would take some more time to work on the responsive.

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

The main challenge for me was to make it responsive. Reviewing code from a previous challenge that i did was helpful to solve this challenge.

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

I'd like feedback about the layout. I don't know why but at some point using the developer tool i see that one of the sides is smaller than the other one instead of being of the same height. Also, would like to know how could i put an overlay on top of the image, i read a couple articles but still couldn't do it.

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

I'm proud that i did it faster than other challenges!

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

none.

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

Any feedback to improve this solution (in any way) is more than welcome :)

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

I'm proud I learned the basics of CSS grid. Still having to practice and get used to it, but i was great to learn something new!

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

Positionating the card. I used position to set the position of the side cards, and using grid properties to positionating the card at the bottom.

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

I'd like some help to understand why the "Karma" card gets a smaller than the other ones when it gets below. Also, how to set the svg at the right bottom side of the card in a better way.

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

I'm proud that i did it, it was my first time using media queries!

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

The responsive was the main challenge. After reading the articles at the beginning of the learning path again, i understood the basics of media queries.

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

I would like to improve the spacing to make it look exactly like the design. Also i'd like to get some css advices! It can be about optimization, errors, etc. I'm happy to get any kind of feedback :)

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

It took me a couple hours, but im pretty happy with the final result. I had to search for a couple CSS properties to remember their values or how to use them, so i'm glad that i was able to reenforced my knowledgement

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

Semantic was the most challenging part. It took me a while to be happy with the semantic structure in my HTML.

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

I'd like to improve the responsive of the page. And to know if the css can be simplify even more

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

I'm proud that i did it by myself, and i use a few CSS properties that i learned i while ago!

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

I didn't have any challenges with the coding part, but the challenge for me was to choose a color palette and setting spaces that i really like.

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

Any feedback to improve this solution in any way is more than welcome!

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

I'm proud that i spend most of my time with the CSS instead of HTML, i was way more comfortable to think the structure just by looking at the example.

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

One of the main problems that i had was positionating elements exactly where i want. Especially the space between the footer and the resume paragraph. I did think in a way to put the footer 24px away from the bottom using the row-gap property. Even when the space isn't exactly the same that the one in the design, i'm still pretty happy with the results, and looking forward to improve the code in the future.

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

I want to know more about in which cases use margin or padding (even knowing the definitions in the practice in some cases i'm a little indecisive about which one should i use). Also, would like to know how to improve the CSS code and reduce the amount of lines or selectors to create the same results with the minimum amount of code possible

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

I'm proud that i did it without too much help. I struggle a little bit at the beginning trying to write a good semantic HTML. Maybe not the best, but sure have a clear expression of the content meaning. If i should have to do the project again, i think i'll start by sketching the structure on paper instead of trying to do it mentally. It's way easier to figure it out and gain more understanding of the problem when you write it down.

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

The main problem to me was the semantic. After a while thinking if the semantic was good, i realize that the most important thing about semantics it's to make clear the meaning of content, and that there's more than just one "good way" to write semantic code.

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

I'd like to know how can i optimize my code. what can i do to improve my solution in terms of accesibility and good coding practices