html and css

Hi Arun, The issues with your project is the use of Flexbox. Here is the code fixed and then an explanation on the comments:

#outer {
    display: flex;//🚩Flexbox!!!!!
    flex-direction: column;//🚩
    align-items: center;//🚩
   ** margin: 0 auto;**//🚩
    /* margin-top: 160px; */ you don't need this code
    /* margin-left: 550px; */you don't need this code
    height: 430px; 
    width: 295px;
    background-color: white;
    border-radius: 10px;
}

<img src="./image-qr-code.png" alt="qrcode"><!-- 🚩 a 'dot' is added before the '/' -->

Here are some tips: Flexbox: I’m sure you use 3wschools to refresh stuff. But these two new kids on the block are really great:

1. [Flexbox Webdev] (https://web.dev/learn/css/flexbox)
2. [Flexbox Css Tricks] (https://css-tricks.com/snippets/css/a-guide-to-flexbox/)
3. [Flexbox Josh] (https://www.joshwcomeau.com/css/interactive-guide-to-flexbox/)

Keep going!

Cheers

Junier

yes image and flex box no i didn't use media query yes