Advice Generator App

Community feedback

• 

  hamza•390

  @HamzaouladevPosted over 1 year ago

  hello @JGdmd, here's some layout tips that i think you may find interesting:

  • by adding the following code to your component you'll achieve responsiveness without needing to use media queries:

  .card {
     width: 90%;
     max-width: 500px;
  

  • also it's not a good idea to give your component a fixed height, you should let the content of your component determine its height or you'll run into overflowing issues
  • it's a good hack is use the following code when you're starting a project to ensure your images wont behaave in a wy that will breaaak your layout:

  img,
  picture {
    max-width: 100%;
    display: block;
  }
  

  hope you found my feedback interesting, keep hacking!

  Marked as helpful

  0

  ---

  

  JGdmd•50

  @JGdmdPosted over 1 year ago

  Thank you for your feedback @Hamzaouladev ! For future project I will try to use your tips !

  0