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

order-summary-component HTML&CSS only

@ExpertoMontanero

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


What do you think guys? It's only desktop friendly, because I don't know mobile integration in css yet.

Community feedback

@ajeetachal

Posted

Congratulations on completing the project! The design and functionality of the project are impressive, and it's clear that you put a lot of effort into creating it. I appreciate your honesty in acknowledging that the project is only desktop-friendly, and I agree that mobile integration in CSS is an essential aspect of creating a responsive UI.

When designing for a mobile screen, there are several basic concepts to keep in mind. First and foremost, it's crucial to ensure that the content is easily accessible and readable on a smaller screen. This can be achieved by using legible fonts, appropriate font sizes, and avoiding overcrowding the screen with too much information.

Another key aspect of a responsive UI for mobile screens is using appropriate media queries to adjust the layout and styling of the content based on the screen size. This can include adjusting font sizes, spacing, and the overall layout of the page.

Additionally, it's essential to consider the user experience when designing for a mobile screen. Navigation should be intuitive and easy to use, and buttons should be large enough to tap without difficulty.

Overall, designing for a mobile screen requires a thoughtful approach and attention to detail. By keeping these basic concepts in mind, you can create a responsive UI that provides a seamless user experience across multiple devices.

Hope it will help you . 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