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

css, flexbox, javascript > function > toggleElement

Luis 220

@luisv79

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


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

I was able to write the code by myself from scratch, with more practice I will do it faster.

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

how to make the css element disappear and appear through javascript

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

I'm always open to constructive criticism.

Community feedback

@iamporrrrrrrrr

Posted

The alignments and colors seem a little bit off. Other then that, it is a great design! For the hiding element using JS, I use a class name hidden to handle this by setting display: none in style.css. Then, in JS I toggle the class .hidden to make the elements appear and disappear. You can use my code as a reference. :)

https://github.com/iamporrrrrrrrr/Article-Preview-Component

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