{% extends "layout.html" %}

{% block title %} {{ source.upper() }} {% endblock %}

{% block body %}

<div class="container">
    <div class="jumbotron text-center">
        <h1>HEADLINES</h1>
        <p class="lead">Get your daily dose of news from around the world</p>
        <hr class="my-4">
        
        <div class="row">
            {% include "includes/weather.html" %}
            {% include "includes/forex.html" %}
            {% include "includes/news.html" %}
        </div>
    </div>
</div>

<div class="container-fluid">
    {% include "includes/articles.html" %}
</div>
{% endblock %}
{% extends "layout.html" %}

{% block title %} {{ source.upper() }} {% endblock %}

{% block body %}

<div class="jumbotron text-center">
    <div class="container-fluid">
        <h1>HEADLINES</h1>
        <p class="lead">Get your daily dose of news from around the world</p>
        <hr class="my-4">
        
        <div class="row">
            {% include "includes/weather.html" %}
            {% include "includes/forex.html" %}
            {% include "includes/news.html" %}
        </div>
    </div>
</div>

<div class="container-fluid">
    {% include "includes/articles.html" %}
</div>
{% endblock %}
Make the jumbotron screen wide.
Make the jumbotron screen wide.
