Skip to content

[beta] blockquote "code example" formatting in backend challenges #13163

@no-stack-dub-sack

Description

@no-stack-dub-sack

Challenge Name

All back end challenges.

Since the backend challenges are a new addition with the expansion, they are missing some things that normal challenges have from a styling perspective. For example, the current challenges have code examples wrapped in <code> tags like so:
image
However, what would look better, and be more consistent with our other challenges is for them to be wrapped in <blockquote>s. But these challenges are not wrapped in a container with the .challenge-instructions class, so if we were to add a blockquote, it would not appear with the styles we added to them for other challenges. To fix this, I suggest that we:

  • Add the class .challenge-instructions to the container surrounding the challenge description in the correct component that renders these

Metadata

Metadata

Labels

scope: UIThreads for addressing UX changes and improvements to user interface

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions