All solutions

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

I am proud of being myself, myself is proud of me cuz I am me!

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

Challenges ha? nothing beats me or at least has the courage to compete me!

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

Help? what's this word I've never heard of it before?

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

I used all the ways I know to fetch data, AJAX, Promises, fetch() and Async with await!

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

The height for mobile was a bit hard to achieve so I tried my best to get the design very close to being pixels-perfect!

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

It was all good!

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

I just learned how to use local fonts with font face instead of import!

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

Nothing baba :)

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

Amazing!

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

Wooow!

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

Yooo hooo!

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

Everything was Awesomeee! :)

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

• You can use Picture element if you want to change the img in each screen size:

(OR) You can also use img { content: url(blabla/images/image-product-mobile.jpg); } in CSS.

• If the aspect ratio of an img is larger than the max-width or max-height of the img then it will overflow!

• If you give a child height: 100% for example, but you have not defined any height for its parent then this won't work!

• Margin is not included in the element size (The box model of the element), The box's area stops at the border — it does not extend into the margin, so the height for example is only the content height + any padding + any border, so if you gave a child a margin top of 30px you won't see its parent stretchs to fit that margin, unless you give the parent a border or padding or a least overflow hidden.

• You can use counter + text in the content attribute like this: { content: counter(point) "."; }

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

It was my first coding since a long time ago, I would define absolute height & width for the parent container next time

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

I used Mobile-First CSS and I got lots of stuff but now everything is good

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

mmm Just is it better to use absolute units for the parent container? cuz in my case I just put the content and apply padding inside only, but when I wanted to make the div that has the img for example 30% of the parent height I couldn't! simple cuz the parent did not have any specific height