Single Price Grid Component

Community feedback

• 

  Daniel 🛸•44,310

  @danielmrz-devPosted 11 months ago

  Hello Samuel!

  Your project looks great!

  You can fix your button just by changing its width to 100% instead of 80%. Took a look at your code and here's the update:

  .signup-button {
      width: 100%;
  }
  

  Also, your div.container should be a main.container. This won't change anything visually, but it makes your HTML more semantic.

  I hope it helps!

  Other than that, you did an excelent job!

  0
• 

  Melvin Aguilar 🧑🏻‍💻•61,140

  @MelvinAguilarPosted 11 months ago

  Hello there 👋. Good job on completing the challenge !

  I have some suggestions about your code that might interest you.

  • Keep the button at width: 100%.

  • Avoid using percentage widths in the component; it can cause distortion on some devices. Instead, consider using max-width: 900px to adapt to the screen size and prevent excessive growth. Also, set a defined margin of 20px to avoid touching the screen edges.

  • Utilize justify-content: center and align-items: center on the body element to center the component correctly.

  I hope you find it useful! 😄

  Happy coding!

  0