Responsive News Hompage Solution made with Vanilla JavaScript

What I learned:

• There is an easy fix to make multiple flex-items the same width by setting the width of the flex-children on 100%.

• I have set the root font-size to 62.5% for an easier workflow. This makes the new root value 10px which equates to 1rem:

html {
  box-sizing: border-box;
  font-size: 62.5%; /* 62.5% of 16px browser font size is 10px */
}