Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Product preview card Simple CSS

@aymaneatigui

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What is your professional opinion on the optimal approach for web development: prioritizing mobile-first design or desktop-first design, and what factors should one consider when making this decision in today's digital landscape?

Community feedback

@jmadilia

Posted

Regarding mobile-first or desktop-first design, I'll give the classic answer here: it depends.

Some of the biggest factors to have a solid understanding of before starting a project are your users, the intention of how they'll use the interface, and the type of the product. Some questions to think about:

  1. Where are your users more likely to access your website? This will help prioritize mobile-first vs. desktop-first.
  2. How complex are interactions on the website for users? If they're more complex than a few simple clicks and scrolls, then desktop-first might be the way to go.
  3. What kind of product is it going to be? For example, with e-commerce sites, users want quick and easily accessible interactions better suited for mobile-first. However, with more complex solutions for websites, desktop-first would be better.

FreeCodeCamp has a great article from a few years ago on responsive web design: How to Take the Right Approach to Responsive Web Design. They also have a more recent article discussing some technical tips and tricks for responsiveness: How to Build Responsive Websites – Best Practices for Developers. Hope this helps! Happy coding!

Marked as helpful

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord