Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive Grid Layout Using CSS Grid

@UDsGitHub

Desktop design screenshot for the Single price grid component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I would like feedback in general, but specifically, I would like to know if there is any easy and proper way to position the button at the bottom of its container, like using something similar to margin-top: auto?

Community feedback

P
Fluffy Kas 7,735

@FluffyKas

Posted

Hiya,

Looks good ^^ Giving your button a margin-top: 2rem was the best solution here. You could try to use position: absolute, but here it's really not needed and I'd actually advise against it.

One other issue I'd mention is in the Why Us section, what you see there isn't a paragraph and if you try to read the text at the moment, it doesn't make a lot of sense. It would be better to use a ul and break the text into list items(li), that would make it a lot more readable and semantic.

Good luck! :)

0

Please log in to post a comment

Log in with GitHub
Discord logo

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