HTML & CSS and preconnect

Community feedback

• 

  Daniel 🛸•44,310

  @danielmrz-devPosted 5 months ago

  Hey there! 🙋🏽‍♂️

  Congrats on completing the challenge! ✅

  Your project looks fantastic!

  Here's a tip to make it even better:

  Using margin and/or padding isn't always the best way to center an element. Try this super efficient method to center an element vertically and horizontally:

  📌 Apply this CSS to the body (skip position or margins to make it work correctly):

  body {
      min-height: 100vh;
      display: flex; 
      justify-content: center;
      align-items: center;
  }
  

  Hope this helps!

  Keep up the great work!

  Marked as helpful

  1

  ---

  

  ZHARTYL•30

  @Kevinjoan07Posted 5 months ago

  @danielmrz-dev Thank you very much for this advice and I will implement it in my future challenges. =)

  1
• 

  micfrazer•60

  @micfrazerPosted 5 months ago

  The result looks excellent! The semantic tags in the HTML look great. The CSS is likewise very clear (and actually gave me some insight into flex/grid, so thank you).

  The border is slightly thicker than the original, but that's stylistic preference (and I prefer the 2px you used, actually). Remove the extra text from the footer (namely the blog material), but that's only a minor textual redundancy at most. Well done!

  Marked as helpful

  1