Skip to content
Submitted 3 months ago

Use Flexbox to complete the layout .

P
LuRouFan•160
@angel-retry
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Blog preview card
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

Use Flexbox to apply spacing between elements using the gap property.

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

none。

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

none

Community feedback

  • P
    Avinash•60
    @AvinashInnovator13Posted 3 months ago

    Hello LuRaoFan,

    I really like your work. The design you created is 99.9% closer to the original.
    But You have not consider accessibility features in your design. Accessibility is one of the major part of creating designs.
    Browsers use it to help disabled discover web.

    You can use html tag like:

    1. Section
    2. main
    3. Head
      to provide accessibility to screen readers
    Marked as helpful
    0
    P
    LuRouFan•160
    @angel-retryPosted 3 months ago

    Hello @AvinashInnovator13

    Thank you for your compliment! I'm glad you like my design. I'll make sure to incorporate accessibility features in my next project. It's really important to make designs friendly for everyone, so thank you for pointing that out.

    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