All solutions

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

Being able to recreate the challenge as I can. I think I would do it more methodologically and organized.

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

The one that I don't really know what to do in this challenge is having the vertical lines and circle between 01 and 02. I reverse engineered the solution of others.

One of the challenges I encountered during this challenge is how to make the website responsive. I need to create a structure to become more organize with my CSS properties and elements so that I don't have to keep creating new CSS for different screen sizes.

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

Being able to understand more about responsiveness and how specific elements and attributes affect each other.

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

In this challenge it force me to learn a new layout algorithm which is CSS Grid. I am proud that I can now create my own CSS Grid layout.

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

One of the problems that I encounter is how to make the quotation image to be at the background. I was able to overcome it with finding solutions with google.

I also tried implementing the grid-template-areas.

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

I think having a better understanding how CSS Grid work will help me a lot on creating better websites.

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

In this challenge I'm trying to apply the CUBE CSS principles as much as possible. I'm proud of being able to make my website more responsive and able to change depending on the screen sizes.

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

trying to replicate the border-radius was kind of tricky for me and took me quite sometime to make my site the same. Was able to read documentation and implement it on my own.

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

I realize that I'm not really familiar with the syntaxes on CSS. Which I read on about that I really wouldn't be able to memorize it all. What I need to develop and get better at is able to read documentation and figure out how to apply it.

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

I was able to do the project on my own without looking at others code. Able to troubleshoot on some areas.

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

1. The first challenge I have encountered in this project is how to change an image on different breakpoints.

• Was able to find a way to do it by googling on how to change an image when certain breakpoints are met.

I was having challenging time when I added the cart-svg which is taking up the parent containers height and width which is causing it to be overly stretched. When I googled the svg should have a specific height and width which it has. The problem that was occuring to me was my own fault. I had use in my CSS a selector of .preview-card img with 100% of width. When I found it out after almost half an hour It was just my own fault. I learned that using more specific class selector will help and using better CSS selector names specially when the time comes of designing for much bigger projects.

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

I think one of the areas I need to improve is to create a naming system for my CSS selectors.

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

Being able to find solution on the CSS challenges I had in this project.

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

I had a challenging time aligning the li which causes confusing for me at first. I didn't expect changing the padding and margin at default * {} will make the be outside its parent container.

Had a challenge to create spacing between the and it's content. Able to findsolution researching and this is the resource https://css-tricks.com/everything-you-need-to-know-about-the-gap-after-the-list-marker/

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

I think I still have shallow understanding about different CSS properties and it's effect on different elements or properties.

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

Was able to recreate the project without looking at the solution codes of other people. I'm proud of that

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

I wanted to do the project without looking at the code of others of the same project. Had a hard time doing it by my own codes and was able to do it by using references in mdn and others.

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

I'm not really sure yet since doing the project alone was very challenging from the beginning.

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

Able to have my own solution for the challenge. The next thing I would do differently is to learn more about the CSS functionalities.

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

flexbox, was able to overcome this by following other peoples solution.

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

Being able to think in terms of designing a website and not just following others solution, and come up with my own real solution.