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-preview-component-master

#animation#jss#sass/scss
Kamilek 170

@Kamilbd

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


I would like to know how I can change the fill in svg because when I was looking for an answer, it popped up that it is not possible either through the css filler. Such beginnings are generally acceptable?

Community feedback

@vicksensei

Posted

I believe that you can flip the button on CSS with a filter: brightness(0) invert(); command. It is possible with CSS, but you can also just add it in with javascript. -add it into a class, then add the class onclick -add it to a :hover or :active pseudo

Marked as helpful

0

@caarlosdamian

Posted

Congratulations on completing the challenge! 🎉 I have some recommendations for your code that I think you will find useful.

Let's talk about HTML 🏷. Your solution currently generates accessibility error reports, and one of the issues is that Buttons must have discernible text Typically appears when a button element in HTML does not have text or has text that is not meaningful or understandable to users.

Buttons are an important interactive element on web pages, and they should be designed in a way that allows users to understand their purpose and function without relying solely on visual cues. Providing meaningful and descriptive text on buttons is one way to achieve this goal.

More info Buttons

I hope you find this helpful 😊 Your solution is great, and I wish you all the best in your coding journey!

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