Side by side images in Infinity Pro’s Front Page 3 section

In the comments section of Side by side images with centered widget areas in Altitude Pro's front page tutorial, a user asked:

I would like to know if you can help create a tutorial for creating a side-by-side widget areas for Infinity Pro theme front page 3. I tried recreate for the homepage, but I’m missing something because it’s not displaying on the home page for me.

We can place two text widgets inside Infinity Pro's Front Page 3 widget area and use Flexbox to display these to appear in columns for screen widths above 800px.

Step 1

Edit front-page.php.

Replace

genesis_widget_area( 'front-page-3', array(
	'before' => '<div id="front-page-3" class="front-page-3"><div class="image-section flexible-widgets widget-area fadeup-effect' . infinity_widget_area_class( 'front-page-3' ) . '"><div class="wrap">',
	'after'  => '</div></div></div>',
) );

with