Skip to content
Submitted over 1 year ago

Blog Preview Card HTML/CSS

accessibility, bem, semantic-ui
Jax Teller•670
@piushbhandari
A solution to the Blog preview card challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

there's an accessibility issue with the design with color contrast. normally i would ask the client/designer to change but i think it's ok since this is just practice.

any critiques are apprecieated

Code

Please log in to post a comment

Log in

Community feedback

  • Hi, I'm Natalia!•40
    @N-andronic1991

    Hello there! Good job on completing the challenge. Some suggestions about your code might interest you:

    1. The image default styles are: img{display:block; max-width:100%; height:auto;}.If you use Css reset style at the beginning that is included.(for reset styles you could use Andy Bell CSS reset if you want);
    2. alt attribute should be used just for content img. In this card we don't have content images. Hope you find this helpful. Happy coding!

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