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

Jess 50

@JessicaUkpebor

Desktop design screenshot for the Single price grid component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Shanell 50

@SCarter613

Posted

Hi,

In the "Why Us" section to get the text in list form instead of a block of text you can use the <ul> and <li> elements.

Also https://www.codecademy.com/learn and https://www.w3schools.com/ are some great resources that can explain those elements in detail and other things as well.

Keep up the good work!

1

@shubhamthedev

Posted

Hi, I can't really see your code maybe you entered the wrong link there but what you could do is put the whole section into a <div> and give it a class .container then specify the width of the container using CSS i.e. width: 800px or whatever value you wanna give it then use position : absolute to centre the element also you can use flexbox to centre the elements.

0

Jess 50

@JessicaUkpebor

Posted

Hi, here is a link. Hopefully the works - https://github.com/JessicaUkpebor/single-price-grid-component-master.git

Thank you for your suggestions. I'm going to try them out :)

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