html and css

Community feedback

• 

  Junier Bolívar 🕷•710

  @JunbolPosted 6 months ago

  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

  Marked as helpful

  0

  ---

  

  arun81302•60

  @arun81302Posted 5 months ago

  THANK YOU FOR CORRECTING ME @Junbol

  0

  

  Junier Bolívar 🕷•710

  @JunbolPosted 5 months ago

  no problem!

  0
• 

  arun81302•60

  @arun81302Posted 6 months ago

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

  0

  ---

  

  Fastcheettahh•280

  @fastcheetahPosted 6 months ago

  Your image is not shown(check if you linked the image correctly in your html code) and the background color is incorrect@arun81302

  0