blog-preview-card-using-CSS3&HTML5

Community feedback

• 

  Daniel 🛸•44,310

  @danielmrz-devPosted 11 months ago

  Hello @roddev0!

  Your project looks great!

  I noticed that you used margin to place the card in the middle of the page. Here's a very efficient (and better) way to center the card:

  • Apply this to the body (in order to work properly, you can't use position or margins):

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

  I hope it helps!

  Other than that, great job!

  Marked as helpful

  1

  ---

  

  erredev-js•30

  @erredev-JSPosted 11 months ago

  @danielmrz-dev Thanks Daniel! i think about this on the development but i forgotten at the end, thank you another time

  0
• 

  Korney Chervonenko•990

  @KorneyChervonenkoPosted 11 months ago

  Hello, friend. illustrations in design requirements states that when cursor is above text "HTML & CSS foundations" it is necessary:

  1. Selected text changes color from black to yellow
  2. Cursor changes shape to pointing hand
  3. Shadow of main object grows about twice

  I've looked into many solutions and haven't found any with 3 provided. Maybe I'm wrong?

  0

  ---

  

  erredev-js•30

  @erredev-JSPosted 11 months ago

  @KorneyChervonenko Hi Korney, i have the animation and the cursor change already, i think the shadow is static in the main design

  0