Display the 3 latest WordPress Posts on a Static Page Outside WordPress

Question

I am trying to figure out how to get the 3 latest WordPress posts and display each in its own div on a static HTML page, outside of WordPress. The PHP I am using will pull any number of posts, however, they all display in the same div. In the screen capture, I just replicated the PHP 3 times, each in a new div. I would like to display a different post in each div.

PHP I am using

            <?php
require($_SERVER['DOCUMENT_ROOT'] . '/blog/wp-load.php');
$args = array(
// 'cat' => 3, // Only source posts from a specific category
'posts_per_page' => 1 // Specify how many posts you'd like to display
);

$latest_posts = new WP_Query( $args );
if ( $latest_posts->have_posts() ) {
while ( $latest_posts->have_posts() ) {
$latest_posts->the_post(); ?>

Answer 1

Set this to 3:

 'posts_per_page' => 3

Add your div in loop

require($_SERVER['DOCUMENT_ROOT'] . '/blog/wp-load.php');
$args = array(
// 'cat' => 3, // Only source posts from a specific category
'posts_per_page' => 3 // Specify how many posts you'd like to display
);

$latest_posts = new WP_Query( $args );
if ( $latest_posts->have_posts() ) {
while ( $latest_posts->have_posts() ) {
    $latest_posts->the_post(); 
    ?>
    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4"> 
       <?php echo get_the_title(); ?> 
    </div>
    <?php
    
}

?>