Loopstudio Landing Page with Responsive Version

Community feedback

• 

  Thomas•550

  @TomSifPosted 5 months ago

  Great job, you did well, design is perfect.

  • You have just some small problems with the responsive side, but I reassure you, I did not succeed in doing exactly what I wanted either. When you increase the size of the screen and when you decrease it the elements either come out of their container, footer, and text, or go behind the visibility zone in particular the footer.
  • Don't forget to add meta description and meta keywords tags for SEO
  • Find out about the BEM method to name your classes in css, it's very usefull, if you plan to learn scss.
  • I invite you to check the modern reset css: https://www.joshwcomeau.com/css/custom-css-reset/

  So I hope these little tips can help you and congratulations again for the quality of your work, keep coding, good luck :)

  Marked as helpful

  0

  ---

  

  Nadji CHABANE•590

  @CHBNDJPosted 5 months ago

  @TomSif Thanks for the feedback but I just did the responsive for the mobile version. In the mobile responsive i do not see the elements come out of their elements. The BEM method is just in case of using SCSS ? If i don't plan to learn scss is that a big thing to learn SCSS. I'm currently learning Tailwind.

  Best :)

  1

  

  Thomas•550

  @TomSifPosted 5 months ago

  @CHBNDJ

  • I would say that it is good to know a minimum of scss, but it is not very different from classic css, just much more modular and more practical.
  • You can split your scss file into separate files, with for example _header.scss, _main.scss, _utils.scss, _globals.scss, it makes the code a little more readable especially on large projects and there are some interesting tools to learn like mixins and maps. Besides, nothing prevents you from using both technologies at the same time on a project.
  • But again, I am not an expert at all in the field, I also learn a little as I try new things. Thank you for your answer and good luck in your projects :)

  Marked as helpful

  0