Make it clear to edit code between style tags

Describe your problem and how to reproduce it: In the Applied Visual Design challenges, the Create Visual Balance Using the text-align Property challenge (the first challenge of the series), it doesn’t make it immediately clear you need to edit the code between the style tags.

It may be obvious to some but as an anxious coder and learner, I jumped straight down to the h4 tag mentioned in the instructions:

Align the h4 tag’s text, which says “Google”, to the center. Then justify the paragraph tag which contains information about how Google was founded.

And then I made the changes as an inline style. Only after submitting my answer did I realize the challenge wanted to change the CSS within the style tags.

Suggested Fix Modify the instructions to mention to edit the code between the style tags at the top.

Add a Link to the page with the problem: https://learn.freecodecamp.org/responsive-web-design/applied-visual-design/create-visual-balance-using-the-text-align-property

Tell us about your browser and operating system:

• Browser Name: Chrome
• Browser Version: Version 72.0.3626.117 (Official Build) (64-bit)
• Operating System: Chrome OS

Note: given the upcoming changes to freeCodeCamp’s next release as of the writing of this issue, you may claim this issue to work on, but it being merged will probably happen after the next big release. If you have any doubts, please ask in the contributors Gitter chat.

[RandellDawson]

Another option is to modify the tests to allow using whatever styling (inline vs. CSS selector within the style element) to get the job done. Otherwise, like you said, it should be clearer to modify the CSS in the style element.

[rmfranciacastillo]

@RandellDawson Agreed.