对齐问题

Question

我是HTML / CSS和Stack-overflow的新手。我正在为我的班级开展一个项目，而且我在妥善调整徽标，面包，调味品等方面遇到了问题。我在CSS中尝试了不同的东西，但似乎没有任何效果。任何帮助将非常感激。如果我发布错误，我也提前道歉，这是我第一次尝试堆栈溢出，我只是想学习！

My attempt:

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

Answer 1

对于每个divs太宽的广告，请尝试添加此属性：

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

对于divs中包含多个div元素的每个.extra，例如.upgrades和<div class="wrapper"> /* My divs */ </div> .wrapper { width: 25%; margin: auto; } ，请执行以下操作：

let myYears = [
  1971,
  1972,
  1973
];

myYears = myYears.map(year => {
  return {
    year: year,
    checked: true
  };
});

console.log(myYears);