Responsive landing page by using Flex and Grid

Community feedback

• 

  P

  David Turner•4,150

  @brodiewebdtPosted almost 3 years ago

  The desktop version looks great. The mobile version isn't kicking in for me. Check your media query. Check the report above, you are using attributes that don't exist to style your elements. Also, move your CSS from the HTML file to a separate style sheet. `

  <link rel="stylesheet" href="css/styles.css"> `

  Hope this helps.

  Marked as helpful

  0

  ---

  

  Suprefuner•470

  @SuprefunerPosted almost 3 years ago

  @brodiewebdt Thanks for your feedback!

  • May I know what is wrong about the mobile version? It looks good on my computer by using edge.

  • For the attribute part, will change back to padding/margin -top/-bottom/-left/right instead of padding/margin-block/inline considering the browser support issue. They are too convenient. LOL

  • For the css part, will do in the next project.

  0
• 

  P

  David Turner•4,150

  @brodiewebdtPosted almost 3 years ago

  Looking at the site on iPad, it looks good. It could be the HTML issues causing the problems. I use Chrome, Firefox, Edge, Netlify and am checking out Polypane to test my sites.

  0