responsive qr-code website using html/CSS

Community feedback

• 

  Nayan Bhatt•980

  @freaky4wrldPosted about 1 year ago

  Hey there, congratulations on completing the challenge......here's what you can do.......

  • to center the card-container class you can give your container some width in percentage and provide it a margin like...

  .card-container{
        width: [some-value-of-your-choice]%;
        margin: [some-value]rem/em/% auto;
  }
  

  this will help you to center the content, you can checkout this article

  • as soon as you give your container class a suitable width, you solved your issues for flex-box adjustments and text-overflow, further if you feel that the text still persist to overflow you can make use of relative rem/em units to solve the issue

  • for deployment you can use vercel/github pages as they are free for your hobbyist deployment YOU CAN EASILY FIND A TUTORIAL ON YOUTUBE

  • FOR YOUR FURTHER QUERIES HERE ARE SOME REFERENCES: -

    • flexbox-cheatsheet
    • HTML-CSS-PLAYLIST by Brad Traversy (for responsiveness and further best practices)

  Marked as helpful

  1

  ---

  

  Varchronos•70

  @VarchronosPosted 12 months ago

  @freaky4wrld Now I understood how to properly center it. Thanks a lot!!!

  0