3 Column preview card component main solution (vanilla css)

Community feedback

• 

  Brian•180

  @brian7homasPosted 11 months ago

  Hi denisse,

  I think one of the more 'standard' ways to keep the footer at the bottom of viewport would be to follow some of the techniques on MDN web docs

  hope that helps!

  1

  ---

  

  Denisse Joyce•220

  @denissejoycePosted 11 months ago

  @joyreacher I'll check this out, thanks!!

  0
• 

  Kimo Spark•2,190

  @kimodev1990Posted 11 months ago

  • Everything is excellent in your design, Just a little feedback, You could use clamp ( ) method for your font-size so their sizes change responsively with the viewport dimensions and make you design suitable for any device layout.

  Hope you find this Helpful.

  Other than that, Really Nice work & keep Going on

  1

  ---

  

  Denisse Joyce•220

  @denissejoycePosted 11 months ago

  @kimodev1990 thank you! I'll make sure to incorporate this into my next challenge solution ☺️

  0

  

  Kimo Spark•2,190

  @kimodev1990Posted 11 months ago

  @denissejoyce You're always welcome, Anytime....

  0
• Account deleted

  This comment was deleted 11 months ago

  0

  ---

  

  Denisse Joyce•220

  @denissejoycePosted 11 months ago

  @davood-webdev hi there! Thank you for your feedback :)

  1. Did you mean the 'Learn More' buttons? If so, thank you for pointing that out, I did not realize that the hover effect did not work on mobile — I'll work on this.
  2. I utilized align-items and justify-content to center my main element this time :)
  3. sr-only is for accessibility, the styles added are there so that it is visible only for screen readers.
  4. Thank you for the tip!
  5. Thank you for pointing this one out!

  0