webmandesign

<div class="laptop-container">
    <img src="http://placehold.it/640x360/3333cc/ffffff" alt="" />
</div>

webmandesign

<p style="width: 48%; float: left;" class="fullwidth">
	<label class="screen-reader-text" for="form-name">Your name</label>
	[text name id:form-name placeholder "Your name"]
</p>
<p style="width: 48%; float: right;" class="fullwidth">
	<label class="screen-reader-text" for="form-email">Your email</label>
	[email email id:form-email placeholder "Your email"]
</p>
<p style="clear: both;" class="fullwidth">
	<label class="screen-reader-text" for="form-message">Your message</label>

webmandesign

/**
 * Basic elements spacing.
 */

	p:first-child,
	h1:first-child,
	h2:first-child,
	h3:first-child,
	h4:first-child,
	h5:first-child,

webmandesign

/**
 * Colors.
 */

	body {
		background: #222;
		color: #ccc;
	}

	h1, h2, h3, h4, h5, h6 {

webmandesign

<?php

/**
 * We need to load this file only if it exists:
 * - first checking in child theme,
 * - then trying parent theme.
 */
$file_path_relative = 'assets/css/for-processing.css';

	/**

webmandesign

<?php
/**
 * File Class
 *
 * Helper class to locate and load files in child/parent
 * theme only if they exist.
 *
 * Rename "Themeslug" according to your needs.
 * Edit according to your needs...
 */

webmandesign

<?php

// IMPORTANT UPDATE 20190307:
// Since WordPress 5.0.0 we can actually use much simpler solution:

/**
 * Applies wrapper div around aligned blocks.
 *
 * Copy this function into your WordPress theme's `functions.php` file
 * and change the `themeprefix` accordingly.

webmandesign

<?php

/**
 * Creates section divs in the content area.
 *
 * This is a front-end solution only.
 * Splits content into section containers, similar to Medium.com.
 * Section split occurs on Gutenberg wide and full aligned blocks.
 *
 * Copy this function into your WordPress theme's `functions.php` file

webmandesign

<!-- wp:cover {"url":"https://themedemos.webmandesign.eu/eimear/wp-content/uploads/sites/27/SAMPLE/_lauren-fleischmann-ul3oHG_LzcE-unsplash.jpg","id":211,"hasParallax":true,"dimRatio":0,"align":"full","className":"has-no-margin-bottom"} -->
<div class="wp-block-cover alignfull has-parallax has-no-margin-bottom" style="background-image:url(https://themedemos.webmandesign.eu/eimear/wp-content/uploads/sites/27/SAMPLE/_lauren-fleischmann-ul3oHG_LzcE-unsplash.jpg)"><div class="wp-block-cover__inner-container"><!-- wp:spacer {"height":120} -->
<div style="height:120px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:columns {"verticalAlignment":"bottom","align":"wide","className":"has-phi-screen-min-height"} -->
<div class="wp-block-columns alignwide are-vertically-aligned-bottom has-phi-screen-min-height"><!-- wp:column {"verticalAlignment":"bottom","className":"has-no-margin"} -->
<div class="wp-block-column is-vertically-aligned-bottom has-no-margin"></div>
<!-- /wp:column -->

webmandesign

<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph {"fontSize":"large"} -->
<p class="has-large-font-size"><strong>This text uses "Large" font size. It should be the same size as the text in next column. Is it?</strong><br>Some more dummy text here... Lorem ipsum dolor sit amet pede tincidunt pulvinar penatibus rutrum. Platea egestas feugiat placerat id inceptos consectetur cubilia laoreet. Platea iaculis placerat montes taciti ipsum ex.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:html -->
<p class="has-theme-large-font-size"><strong>This is how theme defines "Large" font size. The text in previous column should be the same size as this one. Is it?</strong><br>Some more dummy text here... Lorem ipsum dolor sit amet pede tincidunt pulvinar penatibus rutrum. Platea egestas feugiat placerat id inceptos consectetur cubilia laoreet. Platea iaculis placerat mo