Loopstudios landing page using BEM methodology

Community feedback

• 

  Huy Phan•2,300

  @huyphan2210Posted about 2 months ago

  Hi, @mts-ml

  I took a look at your solutions and I have some thoughts:

  • I'm curious why you opted for a desktop-first approach. Could you share more details on your reasoning?
  • While the mobile-first approach is the most common and widely recommended strategy (and one I personally use), it really depends on the project. In my professional experience, it often comes down to the project's requirements, especially if you're not the one initiating the project. People expect websites to be responsive, but there should be a clear scope regarding which devices or viewports we aim to support. It's impossible to accommodate every device, both current and future.
  • I agree that managing CSS can be challenging, especially with so many media queries for different viewport widths. The goal should be to write the least amount of code that applies to the widest range of viewports. Responsive design involves more than just media queries. I recommend researching relative units, responsive CSS properties (like min-width, max-width), and CSS functions (min(), max(), clamp(), etc.).

  Hope this helps!

  Marked as helpful

  0

  ---

  

  Mateus Lima•360

  @mts-mlPosted about 2 months ago

  Hey ,@huyphan2210

  I did the mobile version first than the desktop one, in this particularly project, I felt like I should've started doing the desktop design, because I needed to add more div and other styles that wasn't required on the mobile.

  I'll do some more research on CSS, thanks for the feedback!

  1

  

  Huy Phan•2,300

  @huyphan2210Posted about 2 months ago

  @mts-ml

  In the end, choosing an approach comes down to personal preference.

  I still think you can stick with the mobile-first approach.

  It might be a lack of deeper understanding of how HTML and CSS work together that made you think the desktop-first approach would be better.

  Ultimately, the choice is yours—it’s your code, and exploring different methods is a valuable part of learning. Keep researching HTML and CSS, and make the decision that feels right for you.

  Hope this helps!

  1