JSFiddle - React, Tailwind, and code Playground

HTML

<main class="container">
        <section id="presentation">
            [....]
        </section>
        <section id="recipe">
            <h2><span>Les Must Have</span><br />La Selection Ultime</h2>
            <article>
                   [...]
            </article>
            <article>
                   [...]
            </article>
        </section>
        <aside> <img id="vignette" src="img/rolex_daytona.png" alt="Rolex Daytona Watch" />
            [...]
        </aside>
    </main>
    <footer>
        <p>2020 - Sacha & Rolex</p>
    </footer>

CSS

#recipe {
   
    background-color: grey;
    color: white;
    float: left;
    width: 73%;
}
 
aside {
    position: flex;
    width: 25%;
    background-color: #685959;
    box-shadow: 0px 2px 5px #1c1a19;
    border-radius: 5px;
    padding: 10px;
    color: white;
    font-size: 15px;
    float: right;
}