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

Single Price Grid Component

@y25sanchez

Desktop design screenshot for the Single price grid component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View Challenge

Design Comparison

SolutionDesign

Report

0

Accessibility Issues

0

HTML Issues

View Report

Yefry Sanchez’s questions for the community

Any feedback is appreciated, thanks for your time.

Community Feedback

imad 1,550

@imadbg01

Posted

Greetings Yefry Sanchez, Congratulations on completing this challenge!, you did great,

however you can also use flex or grid to center main on the middle of the page and remove margin from main, it's easy to control layout by flex

for example you can remove margin from main and add this snippet the body

body {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	min-height: 100vh;
	gap: 1rem;
}

Hope This help!!

Happy coding and keep up the good work 👍

0

Please focus on giving high-quality, helpful feedback and answering any questions y25sanchez might have. Here are some key points to consider:

  • Does the solution include semantic HTML?
  • Is it accessible, and what improvements could be made?
  • Does the layout look good on a range of screen sizes?
  • Is the code well-structured, readable, and reusable?

You can read our community guidelines if you're unsure what to post.

Slack logo

Join our Slack community

Join over 100,000 people taking the challenges, talking about their code, helping each other, and chatting about all things front-end!