Skip to content
Submitted over 3 years ago

Basic HTML and CSS and Vanilla JS

Athreya G•410
@AthreyaG4
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

Feel free to suggest me some changes or some other better ideas to achieve the same thing.Thank You

Community feedback

  • Dusan•700
    @DEmanderbagPosted over 3 years ago

    Hello Athreya, great solution.

    Because this challenge is a component you would usually not use the footer here. Footer is used mostly for copyright data or for some useful links.

    I would also look into removing the onclick event from HTML and instead of that move everything to JS. Your approach is not wrong but I think by using document.queryselector you can target any element on the page right from the JS so you can keep your HTML code separated from JS code. Most of the time it's a good idea to have everything related to JavaScript in a JavaScript file. If your code is larger, it would become much harder to follow.

    Keep on coding ^^

    Marked as helpful
    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