Skip to content
Submitted 23 days ago

blog-preview-card-solution

sediqa•150
@Hasani-Sediqa
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 specific areas of your project would you like help with?

I want to know what height and width I should use for the solution to make it similar to the challenge's design. The projects i work on are either smaller or larger than the original design.

Community feedback

  • masalatimothy•100
    @masalatimothyPosted 22 days ago

    Next time try to put the blog card in the center of the web page, using CSS flexbox{display:flex; justify-content:center; align-items:center; and setting the height : 100vh;} , and make sure that the look as close to the design as possible copying the font-family, size and so on

    Marked as helpful
    0
  • arshiya•270
    @ArshiyaASMPosted 23 days ago

    salame sedige , az in code braye body khodet estefade kon be jay grid : body { height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; }

    0
    sediqa•150
    @Hasani-SediqaPosted 23 days ago

    @ArshiyaASM Salam, Merci az feedback shuma.

    1
    arshiya•270
    @ArshiyaASMPosted 22 days ago

    @Hasani-Sediqa :]

    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