Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Your session has expired please log in again.
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Single price grid component

#bem
Virlus Jeantyβ€’ 170

@vjeanty02

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


Hello, Frontend Mentor community,

Here is my solution for the profile card component. Any feedback that can help me improve my skills is welcome.

Community feedback

@VCarames

Posted

Hey @vjeanty02, some suggestions to improve you code:

  • The β€œ30-day, hassle-free money back guarantee” is not a heading. It should instead be wrapped in a Paragraph Element.

  • The button was created with the incorrect element. When users click on the button they should directed to a different part of your site; that Anchor Element will allow this to happen.

  • Add padding to your Body Element to prevent your component touching the side's of the screen.

Happy Coding! πŸ‘»πŸŽƒ

Marked as helpful

0

Virlus Jeantyβ€’ 170

@vjeanty02

Posted

Hello @vcarames,

"30-day, hassle-free money back guarantee" seems like a heading.

I admit that I don't know when to use headings and paragraphs. That's why I consider short text as heading and long text as paragraphs. And if the text stands out from the other texts, I also consider it a heading.

This technique sometimes confuses me. Do you have a tip to help me differentiate them more easily?

If not, thanks for your comment, and I will make the changes you recommended.

Please, can you take a look at my solution of : Four card feature section All feedback is a support that can help me improve.

0

@VCarames

Posted

@vjeanty02

Normally, you would have a designer who would tell you what is a heading and what is not. In this case. Think of headings, like book chapters titles.

Each one tells you what the chapter will be about.

So the "30-day, hassle-free money back guarantee" does not tell you what that section will be about but rather reinforces the Join our community", heading .

Marked as helpful

0
Virlus Jeantyβ€’ 170

@vjeanty02

Posted

@vcarames Thank you

0
Hamid Mahmoodβ€’ 540

@Hamid210545

Posted

Hello ... This is absolutely amazing....

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