Basic solution, no frills

Community feedback

• 

  OliCB•70

  @OliCBPosted 12 months ago

  Good job! Here are a few observations:

  • Remember to delete README-template.md and put your infos in the README.md 😉
  • When your card becomes bigger than the screen, the layout breaks because it has a fixed height of 100vh, so when that happens a bit of the card gets chopped off on the top and on the bottom your background stops before the end of the page. This can be replicated by shrinking the window to a very small size. I admit that kind of an unrealistic edge case because not even the smallest phones would have screens that small, but it's something worth keeping in mind for future layouts. This can be easily fixed by using min-height: 100vh; instead of height: 100vh;. In general, it's recommended to use min-height and max-width, instead of height and width to avoid breaking the reponsiveness of the page.

  That being said I think this solution is pretty good! Hope this is useful!

  Marked as helpful

  1

  ---

  

  Paulo Vitor Ferreira Gonçalves Pivotto•30

  @high-rollsPosted 11 months ago

  @OliCB Thank you for the review, I've added your changes as well as the ones proposed by the accessibility report. I guess I better move on now, before I spend hours trying to make it perfectly match the design.

  1