Skip to content
Submitted over 3 years ago

Single Price Grid Component (HTML + CSS)

Luis•270
@luibernip
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Single price grid component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hello community,

Thank your for reaching into my challenge. It is very important for me to count on your expertise in order to improve in my coding career.

I have two questions regarding this challenge:

  1. How can I change the positioning of elements like the ones in the footer part of the component, to convert into a column instead of a row without the use of media queries?

  2. I have a doubt regarding the "Sign Up" element. Should it be a button or an <a> tag with padding. I watched a video on youtube long time ago but still doubt what is the correct way. I think it is an <a> if it links to another thing and it is a <button> if it sends or retrieves something.

Once again thank you for passing by.

Have a nice day

Community feedback

  • Karim•590
    @yasssuzPosted over 3 years ago

    Hey Louis!

    "How can I change the positioning of elements like the ones in the footer part of the component, to convert into a column instead of a row without the use of media queries?" You could use display: flex;, this will make all the children inside the container be displayed in a column, then to revert the effect use flex-direction: row;.

    "I have a doubt regarding the "Sign Up" element. Should it be a button or an tag with padding. I watched a video on youtube long time ago but still doubt what is the correct way. I think it is an if it links to another thing and it is a if it sends or retrieves something." Use buttons only on forms, when you need to submit data. Use 'a' tag if it's just a link that looks like a button. In this case, use the 'a' tag, cause it's a link to somewhere, you're not submitting any information.

    happy coding!

    1
    Luis•270
    @luibernipPosted over 3 years ago

    Hello @Galielo-App! Thank you for answering my questions in brevity. Now that I have those 2 issues resolved, I can continue improving my newbie skills and go to the next level.

    Have a nice day and once again, thankyou for your help.

    0
    Karim•590
    @yasssuzPosted over 3 years ago

    @luibernip You're welcome! Oh, and I forgot, in buttons, you don't have the href="" tag, so you can't for example change page.

    happy coding and if I was helpful please upvote my comment :)

    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