search

Arman-ali-khan-786 / CardUI

If you are Looking for Amazing Card User Interface (UI) Designs and Effects for your Projects/websites, then CardUi website is a one stop solution for you. CardUi contains awesome card UI effects for you to use.
https://arman-ali-khan-786.github.io/CardUI/
MIT License
35 stars 66 forks source link

Improved Responsiveness #166

Closed surgosan closed 1 year ago

surgosan commented 1 year ago

Half of the site was already fine before I modified it. I visited it on my phone and it was fine until card 12. I think they forgot to close their .wrapper12 class div, so everyone after started to put everything inside the .wrapper12 class. Or maybe whoever made .wrapper13 placed their code in the wrong place and everyone else followed. When I took them out, it broke most of the site. I fixed the top nav and the footer as well as some scaling issues with the #banner-image, the social icons, and the contribution icons.

Note that when I took everything out of the wrapper 12 class, it broke every card after. So everyone from wrapper 13 and so on has to go back to fix their card, that way I don't mess it up in some way or fix it in a way they don't like. The main site itself is fixed so it is working now on a phone.

Arman-ali-khan-786 commented 1 year ago

see effect of your code Screenshot 2023-05-11 153916

you must make the site responsive without hampering any of the card ui's okayyyy

surgosan commented 1 year ago

That's not possible. Over half of the cards were put in the wrong place in the html. To fix the site, you have to take them out, but it will break the cards because the size of the container they were in has changed.