All solutions

Challenges

• Layout of the desktop with Grid CSS (Lots of frustration and time to get this eventually 'right'
• Making the height of the landing page the full height of the screen without overlay.

Stoked With

• Learnt some JavaScript
• Got the desktop & mobile layout looking close to the challenge.

Questions

• How do you add transitions to JS addEventListener? (My mobile menu just pops out without any transition)

Challenges

• Knowing what some of the default HTML is, and how it effects styling.
• Correct positioning of items for a responsive layout.

Challenges:

1. Sizing fonts & objects correctly.
2. Trying to get the font-family correct.

Questions:

1. How could I correct the font-family? I'm sure I have imported the fonts correctly.
2. Is there a helpful method to size cards and objects within effectively?

1. How could I make may CSS DRY? I've repeated the same margins several times.

2. Couldn't get the background right, any tips/solutions?

Been struggling with svg and png images as they don't often show up after being commited to github. Does anyone know how to solve this?