Skip to content
OverviewSolutions
14
Comments
5
oussama el omri
@oussamaelomri

All comments

  • oussama el omri•210
    @oussamaelomriPosted almost 2 years ago

    Always creative

    1
  • Amr_Hesham•160
    @amooriheshamSubmitted almost 2 years ago

    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?

    Product Preview Card Component

    1
    oussama el omri•210
    @oussamaelomriPosted almost 2 years ago

    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

    Marked as helpful
    0
  • oussama el omri•210
    @oussamaelomriPosted almost 2 years ago

    Hey! I like the touch of number of viewer. Can you explain to me how's the JS function works

    0
  • oussama el omri•210
    @oussamaelomriPosted almost 2 years ago

    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>

    Marked as helpful
    0
  • oussama el omri•210
    @oussamaelomriPosted almost 2 years ago

    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

    0