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

Responsive single price grid component using HTML, CSS and Bootstrap4

@argentLamming

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


Hi all,

I am very bad on CSS even if I keep trying it since long time now, I am very dependant on Bootstrap specially for grid design. I have to tell I code CSS by trying many different declarations until I get the result, I don't always know which declaration I should use, I think is one but then it's not... In short I really suck at CSS and design... I was able to accomplish this challenge but I think there is a lot which could be better, please your feedback is more than welcome I really need it...

Thanks in advance, Diogo

Community feedback

Guliye 290

@guliye91

Posted

The site is responsive although you used bootstrap for the grid design(main layout of the project). if css sucks you, i advice you to take this youtube course https://www.youtube.com/watch?v=-8ORfgUa8ow&t=83s it is very much comprehensive.

meanwhile am planning to start learning Bootstrap. How did you learned bootstrap? give me advice on tips and resources you used. am very very good at css.

This is the same project you buit. i buit it css(flexbox and css grid) kindly check to get hints https://www.frontendmentor.io/solutions/single-price-grid-component-using-css-grid-and-flexbox-RF2eD1iIC

0

@argentLamming

Posted

@guliye91

Hi thanks for your reply, I learned bootstrap by following a course on Udemy https://www.udemy.com/course/the-complete-web-development-bootcamp/ Before this course which I follow mainly because of Javascript and backend Javascript I was already coding PHP but I always have problems with CSS, there is a nice tool from bootstrap called Bootstrap Studio which can be very helpfull but at the moment I am trying raw coding whithout software only the Bootstrap framework and plain CSS... I have to say with Bootstrap it's kinda easy to place thinks if I would try without it I woudn't be able unfortunatelly ...

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