fix(learn): add note about tweet button restrictions (#40118)

* fix: add note about tweet button restrictions

* fix: added target blank and top hint
This commit is contained in:
Amy Surrett
2020-11-14 06:52:48 -05:00
committed by GitHub
parent f06b825a1c
commit 1ef49d2c57

View File

@ -23,6 +23,7 @@ You can use any mix of HTML, JavaScript, CSS, Bootstrap, SASS, React, Redux, and
<strong>User Story #11:</strong> The <code>#quote-box</code> wrapper element should be horizontally centered. Please run tests with browser's zoom level at 100% and page maximized. <strong>User Story #11:</strong> The <code>#quote-box</code> wrapper element should be horizontally centered. Please run tests with browser's zoom level at 100% and page maximized.
You can build your project by forking <a href='https://codepen.io/freeCodeCamp/pen/MJjpwO' target='_blank'>this CodePen pen</a>. Or you can use this CDN link to run the tests in any environment you like: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code> You can build your project by forking <a href='https://codepen.io/freeCodeCamp/pen/MJjpwO' target='_blank'>this CodePen pen</a>. Or you can use this CDN link to run the tests in any environment you like: <code>https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js</code>
Once you're done, submit the URL to your working project with all its tests passing. Once you're done, submit the URL to your working project with all its tests passing.
<strong>Note:</strong> Twitter does not allow links to be loaded in an iframe. Try using the <code>target="_blank"</code> or <code>target="_top"</code> attribute on the <code>#tweet-quote</code> element if your tweet won't load. <code>target="_top"</code> will replace the current tab so make sure your work is saved.
</section> </section>
## Instructions ## Instructions