Responsive eLearning Landing Page for Mobile, Tablet, and Desktop

Community feedback

• 

  Jonatas Martins•100

  @jonatasolmartinsPosted over 1 year ago

  It's looking amazing, Congratulations!

  The way you did using Flex was really hard to do.

  You can try using a grid instead and I can guarantee that starting with a mobile layout will be much easier.

  I have two good examples of re-styling my layout based on the viewport using grid and media query you can check on my GitHub here and here.

  Marked as helpful

  2

  ---

  

  P

  Emilee•150

  @EmileeEversolePosted over 1 year ago

  Thanks so much! I kind of went back and forth on using grid and flex when it came to this project. I have more experience using flex and grid still kind of seems intimidating to me, but I think I'll try it out again on my next project. It will certainly be a lot easier after looking at those amazing examples! Thank you!! @jonatasolmartins

  1

  

  Jonatas Martins•100

  @jonatasolmartinsPosted over 1 year ago

  I'm happy I could help somehow @EmileeEversole. :)

  1
• 

  P. Ricardo•2,370

  @pRicard0Posted over 1 year ago

  Well... I think it's pretty hard to stay organized. Maybe with a Framework is easier for you. Do you already know how to use one?

  TailwindCSS kind of forces you to start mobile-first and you have more than enough knowledge to learn. I think you can learn it in less than a week.

  Some CSS tips

  • I think you should use rem for font-size and etc...

  Despite that, your project looks great, congratulations!

  Marked as helpful

  2

  ---

  

  P

  Emilee•150

  @EmileeEversolePosted over 1 year ago

  I actually don't know how to use one, but I'll start looking into it now! I generally prefer to use rem but, for some reason, I'm always hesitant to use it for font. I'll try it out on my next project!

  Thank you so so much for your feedback, I appreciate it! @pRicard0

  1