expenses chart

Community feedback

• 

  Maikol hernandez•200

  @MaikolrmPosted over 2 years ago

  On this challenge there isn't much to do on responsive desig. But... here you have a simple but efective hint. You can set a dinamic value to your main container and then, restrict the full width.

  .container { width: 100%; max-witdth: 480px /* or value referenced on layout guide */ }

  I hope this can help you out... keep coding.

  Marked as helpful

  1

  ---

  

  Eyewavu•90

  @EyewavuPosted over 2 years ago

  @Maikolrm this max-width trick is working perfectly now that i tried it! thank you

  1
• 

  Chanda•800

  @Chanda-AbdulPosted over 2 years ago

  Great Solution!

  One way to make this responsive is by using css media queries. This is actually a good project to practice using media queries because you don't have to make a lot of changes when you switch from mobile to desktop.

  Here are a few resources to get you started

  https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries

  and

  https://www.youtube.com/watch?v=yU7jJ3NbPdA

  I hope that helps!

  Marked as helpful

  1