marsha• 210
@Nestamash
Submitted
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.
Muhammad Huzaifa Ghori
@Huzaifa1910
All comments
- Muhammad Huzaifa Ghori• 160
@Huzaifa1910
Posted
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
@nemesisaquib
Submitted
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 😀
Muhammad Huzaifa Ghori• 160@Huzaifa1910
Posted
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
@MosesKipyegon
Submitted
Somehow the last text on the card goes out of the card area when changing viewports is there a solution to this?
Muhammad Huzaifa Ghori• 160@Huzaifa1910
Posted
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
@MOSCOW2022
Submitted
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!
Muhammad Huzaifa Ghori• 160@Huzaifa1910
Posted
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
