Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

React Website Mobile first design, BEM

Jhunsen Samonteโ€ข 210

@jhunxein

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I guess this will be my last react app in the easy category section. I'm excited to touch higher levels tho. Feedback with this one please.

Community feedback

Cฦฐแปngโ€ข 845

@docuong0912

Posted

Hi friend, i have a question Why does this line mean? const { id, type, desc, src } = product; why don't you use product.id, product.type,product.decs,..etc? i'm learnning react from your code, thank you for your time

0

Jhunsen Samonteโ€ข 210

@jhunxein

Posted

Hello @docuong0912 ! Sorry for my late reply.

It's called destructuring. I just destructure the object of product so I don't have to repeat myself using product.(variable name) every time I use it. You can read some explanation in Mozilla documentation

0
P
ApplePieGiraffeโ€ข 30,545

@ApplePieGiraffe

Posted

Hi there, Jhunsen Samonte! ๐Ÿ‘‹

Nice work on this challenge! ๐Ÿ™Œ I think your solution looks good and is responsive! ๐Ÿ‘

Keep coding (and happy coding, too)! ๐Ÿ˜

0

Jhunsen Samonteโ€ข 210

@jhunxein

Posted

Hello @ApplePieGiraffe! ๐Ÿ‘‹ Thank you for your response! ๐Ÿ‘ I'll definitely do more of this.

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord