Article Preview Component Full Tutorial (Frontendmentor.io)

แชร์
ฝัง
  • เผยแพร่เมื่อ 13 ก.ย. 2024
  • In this video we will build the Article Preview Component from FronendMentor.io from scratch. This video will teach you how to break down a design, position items using flex box, and show you how to implement some basic JavaScript.
    FrontendMentor Challenge: www.frontendme...
    Project Code: github.com/Pra...
    Live Site: grand-begonia-...
    Like my style? Learn to Code with me:
    HTML Course: • What is HTML and How d...
    CSS Course: • What is CSS and Why it...
    JavaScript Course: • What is JavaScript and...

ความคิดเห็น • 3

  • @hcmac100
    @hcmac100 21 วันที่ผ่านมา +1

    Great job - thank you.

  • @lc8478
    @lc8478 26 วันที่ผ่านมา +1

    hey bro, thanks for your work. I appreciate your detailed work..
    I hope you create more frontendMentor challanges, especially those with JS. I
    I have a question. Looking at the active version of the Desktop version, you see a little upside-down triangle attached to the share-component. I tried to recreate that, but failed hard. How do you create that?

    • @PracticalWebDev
      @PracticalWebDev  25 วันที่ผ่านมา

      Thanks bro.
      As far as the triangle thing you I'm not sure man. I suppose you could save it as an image in Figma and then maybe set it as a background image and put the icons on top of it. Or I'm pretty sure their is a way to create the triangle with CSS. I didn't want to waste time figuring it out because I have more content to create and client work to do. If this stuff was for a paying client I'd worry about it LOL