Writing the article
Log in to WordPress with the credentials you have received and click on "Posts --> Add New".
Images should be a maximum of 1200 pixels wide.
Videos should be MP4 format and you can use https://www.videosmaller.com/ to optimize it. Try keeping each video below 5MB.
The featured image should be 800 x 600 pixels. This is set in the right sidebar under "Featured Image". You don't need to worry about any other meta fields.
Try to section your article using h2 headings and h3 subheadings. Here's an overview on how to use Gutenberg: https://wordpress.org/gutenberg/
If you would like to insert code snippets, add a "Prismatic" block and choose/adjust the language in the right sidebar.
For Codepen embeds click on "embed" in the bottom right corner of the Codepen page and select the WordPress shortcode option. Copy that into a new Shortcode element in the article.
Add the following value: theme_id="light" And adjust the height to 500.
Here's an example:
[codepen_embed height="542" theme_id="light" slug_hash="148b441363a320d4b46cb5ff835525ef" default_tab="result" user="SaraSoueidan"]See the Pen <a href='https://codepen.io/SaraSoueidan/pen/148b441363a320d4b46cb5ff835525ef/'>feTurbluence: baseFrequency</a> by Sara Soueidan (<a href='https://codepen.io/SaraSoueidan'>@SaraSoueidan</a>) on <a href='https://codepen.io'>CodePen</a>.[/codepen_embed]
For a Codesandbox, use the custom HTML element and insert the embed code. Here's an example:
<iframe src="https://codesandbox.io/embed/v8439q295l?fontsize=12" style="width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;" sandbox="allow-modals allow-forms allow-popups allow-scripts allow-same-origin"></iframe>
Optional browser support icons shortcode:
[browsersupport chrome="all" safari="all" opera="all" firefox="flag" ie="9+"]
(If a browser is not supported at all, just leave it out)