Skip to content
Submitted about 2 years ago

Responsive using Grid and Flexbox

f5rcbh•190
@f5rcbh
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Four card feature section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

hey guys how are you all.. anothor day and anothor challenge I've already finished. it was fun playing with responsive Design and everything were easy to me hope you like it <3

Community feedback

  • Lucas 👾•104,400
    @correlucasPosted about 2 years ago

    👾Hello f5rcbh, congratulations for your solution!

    Your solution overall seems really great, but you can improve a bit some design elements. For example, git more height to the colored bar for each card, around height:8px and give a box-shadow less strong, you've added too much opacity to the shadow, to have a shadow smoother you need less opacity and more blur.

    Use this tool to create better box-shadows:

    https://www.cssmatic.com/box-shadow

    Hope it helps and happy coding!

    Marked as helpful
    1
    f5rcbh•190
    @f5rcbhPosted about 2 years ago

    @correlucas hey lucas thank you so much for your advice and for the box-shadow website i will do my best next time <3

    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