Skip to content
Submitted over 2 years ago

3-column-preview-card component

Kamrul Saadā€¢90
@kamrulsaad
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...3-column preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Can anyone suggest me how I can reduce the classes for buttons in the code?? for setting colour to the texts to be like that of the card I had to do in individually. Is there any easier way to do that?

Community feedback

  • Omar M.ā€¢270
    @OmarMAttia7Posted over 2 years ago

    Good job finishing the challenge šŸŽ‰āœØ.

    Unfortunately there isn't a way to assign the color values automatically unless you're working from JavaScript or using a CSS preprocessor, you can however, make your code more manageable by naming the classes more clearly, for example like this .btn-orange, .btn-cyan and .btn-darkcyan instead of just .btn-(1,2,3...).

    Marked as helpful
    0
  • Shashree Samuelā€¢9,260
    @shashreesamuelPosted over 2 years ago

    Hey good job completing this challenge

    Keep up the good work

    Your solution looks great however I think that your button in each card needs some padding from the left and some padding from the right

    I hope this helps

    In terms of accessibility issues simply wrap all the content between main tags

    I hope this helps

    Cheers Happy coding šŸ‘

    0

Please log in to post a comment

Log in with GitHub

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