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

I watched youtube videos about this challange .

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


Hello , My name is Thaweesha. I'm from Sri Lanka. This is my first challenge on frontend mentor , so due to that I watched YouTube videos on this challenge for references . Then I had a issue with viewing the frontend on mobile and desktop mode vise versa. I don't have clear understand about that technique. So can anyone please help me on this issue?

Thank you!

Community feedback

argel omnes 1,800

@argelomnes

Posted

Hey Thaweesha,

Congrats on your first challenge! The technique is called responsive design. There’s the Resources section if you like to dig around or continue with YouTube.

You actually got the card's layout right on mobile. Add the shadows and it's perfect. Now you only need to adjust it for tablet* and desktop.

*optional but I highly recommend not skipping it

Marked as helpful

0

@Thawee99

Posted

@argelomnes Hey thank you for the feedback. I will follow more resources under that topic called "responsive design"

0

@pavan-ptv

Posted

Hey! It's great that you started doing things. I think I might help you with that. If you are ready DM me

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