Mobile first site, bootstrap media queries, no mid section, old design

Hey @janez33, your solution looks great. But it is completely different from the screenshot, but the design is present in your design folder is the same one which you work (maybe the site issue).

• Your solution looks really great.
• Responsiveness works fine.
• I think you use margin and padding where it is required so no problem for this.
• Solve the HTML and Accessibility issues

Keep Coding :)

Hi Janez, I'm going to attempt this solution tomorrow. I've been practising with CSS grid and Flexbox. Regarding setting margins and padding for different scree, you could instead try setting a % as this scales automatically. I've found it useful. For example body {margin: auto; padding: 5%;} the margin centres the body which helps on my screen (most of these challenges use a max body of 1440px and my screen is around 2200px). The padding creates a nice buffer around the entire screen which is very useful on some designs. You can also use the % for divs. For example, div-name {margin: 5%; padding: 2.5%}.