Submitted almost 3 years ago

I watched youtube videos about this challange .

Thaweesha nethmina kasiwatta• 10

@Thawee99

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Order summary component

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 almost 3 years ago

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

Thaweesha nethmina kasiwatta• 10

@Thawee99

Posted almost 3 years ago

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

P.T.V. Pavan Kumar• 30

@pavan-ptv

Posted almost 3 years ago

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

Please log in to post a comment

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