Skip to content
Submitted over 3 years ago

React Website Mobile first design, BEM

Jhunsen Samonte•210
@jhunxein
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...3-column preview card component
  • HTML
  • CSS
1newbie

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•885
    @docuong0912Posted over 3 years ago

    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
    @jhunxeinPosted over 3 years ago

    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
  • ApplePieGiraffe•30,545
    @ApplePieGiraffePosted over 3 years ago

    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
    @jhunxeinPosted over 3 years ago

    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

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