All solutions

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

Applying different images for different view ports. I had to do a bit of research but it was worth it.

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

The biggest challenge was eyeballing the card sizes for the mobile and desktop view. I went back and forth between the design, but the previous challenges provided the foundation for this current challenge.

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

I might try to tweak the spacing between the svg and "Add to Cart" text inside the button.

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

I was most proud of being able to research and implement some of the styling challenges. Of course making the site responsive was quite a feat on its own.

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

As I wrote above, it really came down to researching on the web. I read through MDN and W3 School pages to figure out how to get the styling that was expected from the designs.

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

If possible, I'd like to revisit my code later to see if I could make the code much readable than it is now.

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

Most proud of the :hover. I had to do some quick research to make the color change less glaring for the viewer. Moving forward, I would try not to worry to much about the letter spacing.

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

The challenge was with spacing each element and eye-balling the amount of padding for the buttons.

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

Thinking back, I want help with keeping my css lighter for efficiency reasons.

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

I was able to eyeball and write out most of the HTML and CSS. I was also able to look for info I needed about the span element. I want to make my CSS a lot cleaner than I did this time.

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

The hardest part was deciding how to layout all the parts of the preview card and space out the elements so that the solution and the design images aligned.

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

I'd need some more help with the planning and layout the HTML and making sure the CSS is easier to read.

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

This challenge was a good way for me to review what I've learned so far about HTML and CSS, and apply them in this project. I was most proud of getting the component to be centered.

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

One of the challenges I had was keeping my CSS as efficient as possible through Nesting. I had to look up how Nesting works and what I needed to make sure the styles were added correctly.

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

This challenge was a good way for me to review what I've learned so far about HTML and CSS, and apply them in this project. I was most proud of getting the component to be centered.

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

Took Koda's feedback and applied the changes to better match the design with my solution.

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

I may need some more help with the styling in the future.