Simple responsive page with Grid element

Hi Ewa,

Nice solution, pretty much spot on!

Some interesting info for you:

• css unit best practice
• a brief guide on responsive web design

A couple of tweaks i'd make:

    background: no-repeat url(/Challenge-1/images/pattern-background-desktop.svg) var(--pale-blue); // I've removed center here
    background-size: 100% auto; // I've added this to match the design and to stretch the background across the whole view port
    margin: 0;
    display: flex; // Added Flex and min-height to responsively center your design, you should remove the margin property on your .bubble class too
    justify-content: center;
    align-items: center;
    min-height: 100vh;