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

responsive card with java

@jamesbrown173

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 challenges did you encounter, and how did you overcome them?

Like, knowing how to make the div element float for the share options in the larger view sizes. I had to use a different element instead of the same one from the mobile size. Is this best practice?

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

As above, and the best way to float a div element?

Community feedback

SmartAce 170

@Smart-Ace-Designs

Posted

This looks really good, although a bit tall. I too was unable to get the the button change colors on click. If you find a solution to this eventually, I would be curious to know how you did it. I see in mobile mode you got the share button to line up properly when clicked- and it looks really good (that was another thing I got stuck on). Good job on that.

1

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