All solutions

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

I'm proud to be able to get the solution close to the design.

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

It wasn't easy to design and display the eye-shape on the middle of the product image on hover. I used tricks to get it close to the design.

.eye-shape {
  position: relative;
  display: var(--deplay-eye, none);
  margin: 0 auto;
  width: 43px;
  height: 43px;
  background-color: var(--White);
  border-radius: 70% 6px;
  transform: rotate(45deg);
  z-index: 2;
}

.eye-shape::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 9.4px;
  left: 9px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 6px solid #0ea3a3f5;
  background-color: var(--White);
}

/* use to place the eye-shape above the card_image */
.grid-container {
  display: grid;
  grid-template-columns: 1fr;
}

/* card_image */
.grid-item1 {
  grid-column: 1;
  grid-row: 1;
}

/* eye-shape */
.grid-item2 {
  grid-column: 1;
  grid-row: 1;
  align-self: center;
}

/* use as a hack to display the eye-shape block on hover */
.card__image-link:hover {
  --deplay-eye: block;
}

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

I know there are better ways on how to go about this. Any feedback is well appreciated. THANK YOU.

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

I used CSS CUBE methodology, so i'm proud of that, and being able to get the solution close to the design.

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

Not much challenge. It took a while getting to figure out CUBE methodology.

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

Any feedback or recommendation is well appreciated. Thank You.

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

I'm proud of the good use of fluid type and fluid space in my solution. Looks great.

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

Not today.

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

Any recommendation is appreciated.

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

I feel great getting the solution close to the design.

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

I had a little challenge getting the images displayed on the right screen. But I solved that using the `````` tag.

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

I would appreciate any feedback on Responsive design and page structure best practices. Any Feedback is appreciated. Thank You.

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

I'm most proud that i was able to get the solution close to the design.

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

Took a while to figure out the right way to structure my page.

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

i would appreciate any feedback on the best practice to follow when structuring pages.

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

I'm proud of being able to get the solution close to the design. Next time i will pay more attention on using the right techniques.

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

It took awhile to get the footer siting on the bottom of the page. But buy using absolute positioning and media query, I got it right.

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

I like a feeback on how i structured my page. If it's ok or i missed something. Thank you.

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

I feel great being able to complete the design with less difficulty. Next, I will work on making my design better.

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

it was a little challenging to get the HTML markup right. I took my time making sure it was right.

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

I would appreciate feedback on the HTML Markup. If my solution is good and where to improve overall. Thank you.

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

It is great that I could use responsible length units in the project.

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

I didn't encounter any challenges working on the project.

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

Yes, I was able to finish the project without any difficulty. But I will be glad and appreciate if I could get good feedback from the community if there is an area I should improve in.