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 using Flexbox

@helenclx

Desktop design screenshot for the Order summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Joachim 840

@Thewatcher13

Posted

Hi helen, Well done! Why did you choose for the strong element on your html for the "annual plan" and "cancel"?

0

@helenclx

Posted

@Thewatcher13 Based on the design guidelines, they're supposed to be bold.

0
Joachim 840

@Thewatcher13

Posted

@helenclx That's why i'm working with questions first, I want to know what someone's reasons are for a decision.

HTML is just a markup for your website, NOT styling. You are not thinking logically about this decision.

The element strong is used to give more meaning on an element, not for providing any kind of styling.

Screenreaders by example are go reading your strong elements with more emphasis, and in this case that would not make sense.

Anything that is styling related should be in css. (colors, bold text, italic text, capitalized text, ....)

Marked as helpful

1

@helenclx

Posted

@Thewatcher13 Thanks for your feedback. My code for this project has been updated based on your suggestion.

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