Mobile first design using pure html and css

Community feedback

• 

  Vanza Setia•27,775

  @vanzasetiaPosted over 3 years ago

  👋Hi RaffayElahi! My name is Vanza!

  I have some feedback on this solution:

  • Try to use other tags on your html such as h2, ul, li rather than just div and span.
  • I see that you don't need two markup, one for mobile and the other for desktop. So, what you can do instead, you can just create the markup for the desktop and then just styling it differently base on different breakpoint.
  • It's too early to apply mobile style, flex-direction: column-reverse for the card on @media (max-width:1464px), it's still on desktop.
  • Try to refactor the code, which is try again from scratch, plan your markup and also your styling.

  That's it! Hopefully this is helpful!

  Happy Coding!

  2

  ---

  

  RaffayElahi•130

  @RaffayElahiPosted over 1 year ago

  @vanzasetia Thanks Vanza! Loved your comment. Actually it was my first project and I didn't do much coding after that. However, I am back. Learning out creating process and improving it day by day. I would post more of solutions so I would love if you take a look at them and improve my coding process. Furthermore, I am gonna refactor it in few days. Thanks, Raffay Elahi

  1