Spiced-up version of mini FrontEnd Mentor projects.
Styled in Glassmorphism trend!
Spiced-up version of mini FrontEnd Mentor projects.
Styled in Glassmorphism trend!
please rate it...
when I change the text sizes in media queries the original sizes override the changes I used the " !important" flag to force the changes to happen please can anyone explain why the original sizes override the new ones in media queries?
Ok, I will tell you what is the problem. The problem is "cascade": the order of CSS rules matter (the order of selectors is very important). Cascade and inheritance read this article specially the part of Cascade, it will help you a lot. You write firstly in your CSS stylesheet @media (max-width: 767px){} (you target mobiles), and after it, you target desktops. to solve this problem reverse the CSS code, first target the desktop, and after it target mobile, and you will avoid the !important flag
A little spice this time...
Hey! I like the touch of number of viewer. Can you explain to me how's the JS function works
You have to delete the first / in image URL to display qr-code image.
This is the right code: <img src=images/image-qr-code.png
>
My spiced-up version of mini FrontEnd Mentor projects.
Not that happy with the background colors combinations... Any suggestions?
When I saw your project, I was amazed at the creativity, you put transform property for the turned display of the card, and the reflection, it's so so so amazing, and I saw your code it's short and perfect. But when I try to resize the page (minimize it) the bottom half background repeats a lot, I try to change max-height of the body to min height, it gives me another problem I don't know how I will give you something to fix it, but it's amazing creativity from you. Thank you for your creativity in this project