Skip to content
Submitted about 2 years ago

CSS Grid, Vanilla JavaScript, JavaScript Local Storage

Assurance Chioma Ikogwe•410
@Aik-202
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Interactive card details form
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

This is actually my first frontend mentor challenge, 😅I wanted to really challenge myself, so I picked a junior one, well, thankfully I'm done with it, I've updated my solutions, based on the comments made on it... Feedback welcome 😁😁

Community feedback

  • Elaine•11,400
    @elaineleungPosted about 2 years ago

    Hi Assurance, this was a good attempt I think! Right now there seems to be some positioning and sizing issues when I'm resizing the browser. The mobile view looks somewhat OK, but the desktop view isn't quite optimal. What I'd try is to give the container firstly a height: 100vh so that no white space would be seen at the bottom. I can't figure out what's going on in the left size and also the form at around the 800px breakpoint. I might make the cards a bit smaller, and also reduce whatever padding, margin, or gap you have beside the form. Anyway, positioning elements is never easy, but keep trying and keep experimenting!

    Marked as helpful
    0
    Assurance Chioma Ikogwe•410
    @Aik-202Posted about 2 years ago

    @elaineleung okay I'll do just that, thank you very much 😊😊

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord