Skip to content
Submitted about 2 months ago

Vertical alligning and border radius

Askar•20
@AskArtwentythree
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 glad to learn about vertical allignment and work with shadows. Looking forward to work with them more

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

Did not know at first how to put text in center near image, vertical allignment helped.

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

Is the distance betweem image and text is good, I mean it should be like that?

Community feedback

  • Martin Liesche•570
    @marliedevPosted about 2 months ago

    The distance betwen Image and text ist fine, but the solution ist not responsive. Avoid using fixed values and change the following:

    body {
  background-color: rgba(244, 208, 78, 1);
  /* padding: 219px 528px 219px 528px; /*
  padding: 1rem,
  display: flex;
  justify-content: center;
  align-items: center;
}
    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