All solutions

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

The completion of the project and the change to learn grid layouts despite this project not being the cleanest. A combination of grid and flexbox was used.

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

My biggest challenge was with grid layout and trying to position the cards to be the same as the preview. There were times where I couldn't get the responsiveness to appear when the screen size changes, so I opted to use flexbox once the screen size was below 800px.

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

Any and all feedback is welcome.

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

The completion of the project. I would usually start the project in its desktop view than use media query to change it to mobile, but this time I did it the other way around. NOTE: mistakes will be found in the project since this is the first time I have done the project in its mobile view first.

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

I somewhat understand CSS units but was confused by them and ended up using em and px even with media query where I opted to use px instead of em. With the completion of this project, I plan on reading up on CSS units to have a better understanding.

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

All feedback is welcomed and thank you in advance.

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

I'm proud I was able to minify some of my CSS and learned a new tool "google lighthouse" to analyze the SEO of my webpage and the result I got was: performance: 69, Accessibility: 96, Best Practice: 100, SEO: 91.

from the results I got from "google lighthouse", I made changes based on the suggestions such as: add "alt" to the image, add meta description, so on.

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

First: The nutrition section of the webpage uses a table tag and I struggled with getting a single "border-bottom" line. Instead, there's two lines for each "table data." Second: Since I minified my CSS code, navigating the "style.css" can be confusing. Now I'm trying to make the codebase cleaner and readable.

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

All feedback is welcome not matter how small the assistance may be.

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

In the past I had struggled with flexbox and how the parent would affect the div placements when re-sized but now I think I got a handle on it, I could be wrong but that's the beauty of learning.

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

one of the challenges I've encountered was the spacing between text and one way I solved this adjust some of the texts margin-top and margin-bottom.

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

All feedback is welcome regardless of if your new to frontend or a veteran.

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

I could be wrong, but I think my code is cleaner compared to my previous attempts.

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

Some of the challenges I've faced are box-shadow and spacing between the content.

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

All feedback is welcome and thank you in advance. NOTE: I'm also in the process of learning more on CSS units any advice would be very much appreciated.

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

updated solution, design is now centered.

I'm still in the process of learning how to make it responsive so for the time being this project was made for desktop only. another version of this project well be release soon. All feedback is welcome and thank you in advance.

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

This is a project I did a while back before I knew anything about SEO.

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

I have none to speak off since it's being a while.

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

Any and all feedback is welcome

All feedback is welcome.

First attempt using Flexbox and it was a challenge, but I learned a lot from it.

All feedback is welcome

Note: still in the process of understanding GitHub to change the spelling error of 'purfume' to 'perfume'.

All feedback is welcome.

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

Taking the active approach to completing the project.

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

In the past I had a tough time centering the project but in the near future this should be fixed.

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

Different ways of centering a div.