Responsive single price grid component using HTML, CSS and Bootstrap4
Design comparison
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
- @guliye91Posted almost 4 years ago
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@argentLammingPosted almost 4 years ago@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 GitHubJoin 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