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

Price-card component using HTML and CSS

@Gitgo012

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


What best practices can i do to make the code a little more readable?

Community feedback

@RyanAbdaul

Posted

Hey buddy, sup man? <:

I see that you want us to tell the best practice of css so you make your code is more readable Well, I see this video is going to be helpful for you instead of just telling you the best practice of some things in you code the vid

https://youtu.be/8xCAf50UOA8

for the design, you just have few problems in responsive, but so on that you're awesome, flattery will not help you to fix these problems, so I brought for you another vid to help you under the responsive more, plus I see also you need to read about Flex and how to use it, also read about that's going to be so beneficial for you, if you are serious about that, I mean being from end developer, then don't be lazy and do you best to get better 🔥 Responsive vid :>

https://www.youtube.com/watch?v=VQraviuwbzU

grid article >

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout/Basic_concepts_of_grid_layout

Flexbox >

https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox

Marked as helpful

0

@Gitgo012

Posted

@RyanAbdaul Thanks a lot for the suggestions and video links. I'll definately give them a watch and implement the changes. University and other chores had kept me busy for the past few days but I'll try my best to be more active in this field as well. I am not quite good in programming but i do find it interesting. Will surely try to improve my skills in it. Again, thanks a lot for your constructive response!

1

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