desafio 2

Community feedback

• 

  Alberto Raúl José•610

  @alberto-rjPosted 8 months ago

  Hello, @RNSDaniel! Congratulations on investing your time and leveling up with the challenge, Blog preview card.

  I have some code suggestions about your CSS Style that can help you improve your solution to this challenge.

  • add the following CSS declaration to your body selector: line-height: 150% or line-height: 1.5 to increase the line height of the text according to the design.

  • center vertically the user's profile photo with their name.

  For example, You can do this with flexbox, wrapping the image and user name in a container.

  HTML

  <div class="user">
    <img
     alt="An alt text" 
     src="path/photo.png"
    />
    <strong>RNSDaniel</strong>
  </div>
  

  CSS:

  .user { 
    display: flex;
    align-items: center;
    
    /* Make sure there is always space
     * available between the image and
     * the user name
     */
    gap: 0.75rem; 
  }
  

  So, @RNSDaniel, these are my code suggestions about your CSS Style for your solution. I sincerely hope they can help you in some way.

  Keep learning, coding and sharing! 🌟

  Happy coding! 🚀

  0