Skip to content
Submitted about 1 month ago

Mobile-first solution of a blog using CSS Flexbox and Box Shadow

djklive•60
@djklive
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?

i am proud that i was able to complete the challenge

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

The challenges that i encounter was correctly to adjust the image in the div

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

To adjust the image in the div

Community feedback

  • Adriano•38,270
    @AdrianoEscarabotePosted about 1 month ago

    Hi djklive, how’s everything? I think your project turned out great! However, I have some feedback that I think might be useful:

    We have to make sure that all the content is contained in a reference region, designated with HTML5 reference elements.

    native HTML5 reference elements:

    <body>
    <header>This is the header</header>
    <nav>This is the nav</nav>
    <main>This is the main</main>
    <footer>This is the footer</footer>
</body>

    The rest is amazing.

    I hope this is helpful. 👍

    0
  • Tran Thi Yen Nhi•80
    @Ttyn08Posted about 1 month ago

    Does the solution include semantic HTML Is it accessible and can improve the arrangement of tags Is the layout beautiful on multiple screen sizes Is the code well-structured, readable and reusable

    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