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

Responsive card layout using CSS and Flexbox

JIoriatti 10

@JIoriatti

Desktop design screenshot for the Order summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


How might've a mobile-first approach benefited me for this challenge?

Community feedback

@engsofjvolfe

Posted

Hello brother, well done. I'm going to express reasons why i think a mobile first approach could benefit any project. But remember that it's not absolute.If you google it, you will see things as i described and the complete opposite too hahaha. It's on your hand and we need to consider the limitations and the way we are developing our projects

A mobile-first approach to a project can offer several number of benefits, including:

Improved User Experience (UX): With a mobile-first approach, the focus is on delivering a positive experience for users on smaller screens, which can result in a better overall experience for all users, regardless of device.

Better Performance: Mobile devices typically have less processing power and slower internet speeds than desktop computers. By designing for smaller screens first, you can ensure that the site or application is optimized for performance on mobile devices.

Increased Accessibility: A mobile-first approach can help ensure that your site or application is accessible to a wider range of users, including those with disabilities who may rely on assistive technologies such as screen readers.

Increased Responsiveness: A mobile-first design approach can help ensure that your site or application is more flexible and adaptable to different screen sizes and orientations, making it easier to create a responsive design that works well across all devices.

Better SEO: Search engines, like Google, now prioritize mobile-friendly sites in their search results, so a mobile-first approach can help improve your site's search engine ranking and visibility.

By focusing on the needs of mobile users first, you can create a site or application that is user-friendly, accessible, fast, and flexible, which can ultimately lead to increased user engagement, satisfaction, and conversion rates

Marked as helpful

1

JIoriatti 10

@JIoriatti

Posted

@engsofjvolfe Appreciate the feedback, brother! Sounds like mobile-first is the way to go then. I'll start researching more into how effectively utilize that approach. Thank you!

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