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

Article card component

P
ikethedev 260

@ikethedev

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 am proud that I am sharing a finished project for reviewing

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

I had a challenge with creating the modal and I can use advice on how to change the color of the share svg image!

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

Css position. I have the hung of things like grid but position, specifically having absolute position scale with responsive design is tricky.

Community feedback

@imandreans

Posted

Your solution is similar to the design and you may take your time to improve your solution. Your HTML and Javascript is well-written and easy to understand.

About your questions: To change the color of share.svg, you can use 'fill' in css. Refer fill to svg path instead of svg.

You've be able to implement Javascript DOM and other advanced css features. Give your time to learn and experiment and you'll be able to make an identical solution to the design. Keep learning!

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