Skip to content
Submitted 6 months ago

Article Preview Project using JavaScript

S-LoCascio•90
@S-LoCascio
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Article preview component
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

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

Figuring out the Javascript was quite fun actually. I also was very happy continuing the work with my padding and margins.

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

The share box was a giant PITA. Additionally, dealing with the image size was a hassle, but I now know about object positioning a lot better. Getting the share button to work was also a hassle and at one point I soft-key gave up when it was "good enough."

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

Figuring out how to deal with SVG files. I followed a few tutorials but none of them worked for my project. I'm guessing it had something to do with how I nested things but still. yeah. I also couldn't think of how to remake the div on the mobile client with the share materials to include the share button.

Community feedback

  • Nadji CHABANE•500
    @CHBNDJPosted 6 months ago

    good job overall the overall design is good how did you manage for the click on the button ?

    0
    S-LoCascio•90
    @S-LoCascioPosted 6 months ago

    @CHBNDJ I basically made a hidden div that appears on a toggle for the button. Then, the button was set to toggle with an onClick event that removes the status "hide" in the CSS.

    0
    Nadji CHABANE•500
    @CHBNDJPosted 5 months ago

    nice congrats on that :) @S-LoCascio

    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