アラインメントの問題

Question

私はHTML/CSSとStack-Overflowの新機能です。私はクラスのプロジェクトに取り組んでおり、ロゴ、パン、調味料などを適切に整列させるのに問題があります。私はCSSでさまざまなことを試しましたが、何も動作していないようです。どんな助けでも大歓迎です。また、私が間違って投稿している場合は、事前にお詫びします。これはスタックオーバーフローでの私の最初の試みであり、私は勉強しようとしています！複数のdiv要素が含まれているあなたのdivsのそれぞれについて、また

.everythingThatIsTooWide { 
    width: 25%; 
    margin: auto; 
} 

：このプロパティを追加し、あなたの幅が広すぎるdivs試してみるのそれぞれについて

My attempt: 

https://codepen.io/megmckinsey92/pen/awqVRq/?editors=1100

Answer 1

.extraおよび.upgradesなどの行に

<div class="wrapper"> 
/* My divs */ 
</div> 

.wrapper { 
    width: 25%; 
    margin: auto; 
}