Result summary component

Community feedback

• 

  Daniel 🛸•44,310

  @danielmrz-devPosted 12 months ago

  Hey @Akshidhan!

  Your project looks nice!

  About the mobile version, you can use media queries to build it.

  Remember that the desktop version is organized horizontally and the mobile version is organized vertically.

  Your project is not currently fitting in a mobile screen size because you haven't built its version yet.

  I hope it helps!

  Other than that, great job!

  0

  ---

  

  Akshidhan•20

  @AkshidhanPosted 12 months ago

  @danielmrz-dev Thank you, Daniel. Can you please elaborate on your answer? I can't understand what you are trying to say.

  0

  

  Daniel 🛸•44,310

  @danielmrz-devPosted 12 months ago

  @Akshidhan Of course!

  When we create a project, we always try to make it good for all device sizes (smartphones, tablets, desktop).

  In order to do that, we create versions of our project for each one of those devices. By doing that you ensure that your project is responsive.

  Those versions are created in the same CSS file using media queries. It's a resource that allows you to specify device screen sizes and create a version for them.

  Once you do that and your project is finished, the browser identifies the user's device screen size and shows the correct version.

  At the moment your project does not have a mobile version, so when you open it, the desktop version is showed. But since the desktop version is wider than a mobile screen size, your card gets squeezed to a point that is almost impossible to see its content.

  Marked as helpful

  1

  

  Akshidhan•20

  @AkshidhanPosted 12 months ago

  @danielmrz-dev Thank you for your reply, Daniel. I'll implement it in my project.

  1