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

Payment card for music listener

@Gab-Ferreira

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


I had some problems with the price part, I don't know how to place the elements correctly. How can we see the smartphone view on pc ?? I didn't do the media queries because of that.

Community feedback

@Gab-Ferreira

Posted

I did it again and now the links are working : repository : https://github.com/Gab-Ferreira/Responsive-Payment-Card live site : https://gab-ferreira.github.io/Responsive-Payment-Card/

Thanks for your advices and taking your time for me.

0
Nic 595

@nicm42

Posted

The links to the site and the code don't work, they just give page not found errors.

To see the phone view on a computer depends a bit on which browser you're using, but it's broadly the same on all of them. If you open the dev tools (by pressing F12), then somewhere at the top will be an icon of a phone in front of a tablet. In Chrome it's the second from the left (after the arrow), in Firefox it's third from the right (before the three dots). If you click on the icon then it'll go into mobile view. You can choose from a set of phones or tablets, or choose the Responsive option, which lets you type in the width and height, or drag the view from the bottom right corner to whatever size you like.

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