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

Basic HTML and CSS and Vanilla JS

Athreya G 410

@AthreyaG4

Desktop design screenshot for the Article preview component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

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

@DEmanderbag

Posted

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
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