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 Order Summary Card with Bootstrap

@nurularifin83

Desktop design screenshot for the Order summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Thank u so much for this challenge, so I can practice and practice, to finish this challenge I put every CSS's property to make it work, I don't know if my code is good or not.

Community feedback

@Glen-Clarence

Posted

The Layout looks responsive, and the code is readable! Great Work Keep it up

Marked as helpful

0

@nurularifin83

Posted

@Glen-Clarence thank u so much Glen, I'm so happy to hear.

0

@nurularifin83

Posted

Hi Grace, thank u so much for your idea.

For using a different image, for another challenge, I change the image to, I think I like it to change lol.

As I mentioned before, I am doing everything possible to make design look close to challenging. Right now I'm still learning the Boostrap framework and I'll try Vanilla CSS to. Thank u Grace.

0
T
Grace 29,310

@grace-snow

Posted

Hi

Not sure why you’ve used a different image?

This isn’t a bad attempt at all but doesn’t look that close to the design yet. Try to get it much much closer if you can.

Looking at the html…

  • you are using the small tag inappropriately here. Annual plan and the price should be two separate meaningful elements
  • almost never use the br tag. It will be announced to screenreaders as “break” and ruin the flow. There’s no reason to use it these days when you have other html and css tools available
  • why is proceed a button, but change and cancel anchor tags? That may be fine, but what is it you expect to happen on click of each? (As that determines element choice)
  • I strongly recommend against using bootstrap in your other challenges while learning. It is a huge bloated library and will hold back your learning of the underlying css. CSS is changing at pace and you need to be able to leverage modern techniques. Learn vanilla CSS well and you will be able to pick and choose any library you want if you ever want to use one in future, or be able to write bespoke styles with ease

Good luck

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