Skip to content
OverviewSolutions
9
Comments
4
Muhammad Huzaifa Ghori
@Huzaifa1910

All comments

  • marsha•210
    @NestamashSubmitted about 2 years ago

    I was unable to design the mobile layout on this project, I would like to know how I could have achieved that. Any suggestion for my code is highly appreciated. Thank you for your assistance in advance.

    stats-preview-card-component

    1
    Muhammad Huzaifa Ghori•160
    @Huzaifa1910Posted about 2 years ago

    Hello Marsha! hope you are doing well

    I have checked your design in the mobile preview here are some useful tips to improve that: Check out display: flex learn flex-direction and all of display flex-related CSS and use some @media query,

    THANKS, AND REGARDS

    HAPPY CODING!

    0
  • Nemesis•120
    @nemesisaquibSubmitted about 2 years ago

    I tried to make this design in css grid it was working well in desktop view but when i see in mobile view i see there is some problem maybe my css code is not so well.... feedback please and tell me how i make my css grid code good in mobile view thank you 😀

    3-column preview card

    1
    Muhammad Huzaifa Ghori•160
    @Huzaifa1910Posted about 2 years ago

    Hey there Saquib,

    I have checked your solution in mobile view and I did not find anything bad in it, it's good and simple, yeah one thing is giving some odd previews and that is height and width and font size it looks very bigger than normal so give it some good dimensions.

    Happy Coding Congratulations on completing this challenge successfully.

    0
  • Dihmoss•40
    @MosesKipyegonSubmitted about 2 years ago

    Somehow the last text on the card goes out of the card area when changing viewports is there a solution to this?

    Stat Preview Card using flex

    1
    Muhammad Huzaifa Ghori•160
    @Huzaifa1910Posted about 2 years ago

    Hello Dihmoss I have checked your site preview

    you can handle it by changing the margins of that particular tag that you think is going out of the way. In your case, I noticed "class = card-statistics" changing its margin-top to 0 doing everything fine.

    Marked as helpful
    0
  • Moscow•420
    @MOSCOW2022Submitted about 2 years ago

    Hello all so my only problem is the background wave i dont know how to do it if some one knows please let me know how

    thank you for the answers!

    html css

    3
    Muhammad Huzaifa Ghori•160
    @Huzaifa1910Posted about 2 years ago

    Hello Moscow!

    I guess you should use a background image on the <body> tag in ur CSS by doing this you can easily apply your background image with this you also have to give some attributes like background-repeat: no-repeat; background-size: 123px; /whatever your size will be/ and you can also use shorthand don't worry it is not that hard

    Happy Coding!

    Marked as helpful
    1