Skip to content
OverviewSolutions
7
Comments
7
Adel Al Qosi
@Adel-Al-Qosi

All comments

  • Tanish Valesha•60
    @TanishValeshaSubmitted over 1 year ago

    This is not a Responsive Component, as I have not covered the Responsive chapter of CSS

    Any kind of help is welcomed Thanks for viewing it.

    Product Preview Card Component

    1
    Adel Al Qosi•250
    @Adel-Al-QosiPosted over 1 year ago

    for the info section it needs a little bit of padding bottom. also you can center the prices (if you used display of flex you can do that by giving it an align-items of center) if you need more help in making it responsive let me know

    Marked as helpful
    0
  • Gabriel•170
    @ctrl-brokencodeSubmitted over 1 year ago

    Hello! I hope you're having a good day. If you could take your take to rate my code and help me out, it will be greatly appreciated. Thank you and have a great day!

    Product Card Component

    2
    Adel Al Qosi•250
    @Adel-Al-QosiPosted over 1 year ago

    make the info section and the image even in size.

    tell me if you need help with how to do that, I'm happy to help

    2
  • Adel Al Qosi•250
    @Adel-Al-QosiPosted over 1 year ago

    that look good. you can fix the svg color: you can find inside the svg a path tag, and inside the tag you should search for fill then change it to white. that would make it white. also for the prices if they are inside one div give it : align-items: center; with display of flex to make it center

    also give the header width of something like 80% or 90% on bigger screens

    good job and happy coding

    1
  • Rob Simpson•490
    @pertrai1Submitted over 1 year ago

    Could not get the image to scale correctly in desktop. No matter what the perfume would always scale up and if I tried to make it smaller, the whole image would get smaller. Any help would greatly be appreciated.

    Basic HTML/CSS

    2
    Adel Al Qosi•250
    @Adel-Al-QosiPosted over 1 year ago

    did you try to give the image width of 100% and display of block? that would make it easier to deal with

    if that does not help enough feel free to reach out and I will try my best to help more.

    Marked as helpful
    2
  • Adel Al Qosi•250
    @Adel-Al-QosiPosted over 1 year ago

    you can use display grid for the form section. also give it some margin something like: margin: 2rem 3rem;

    if that does not fix it enough please feel free to tell me and I will try to help more

    Marked as helpful
    1
  • Adel Al Qosi•250
    @Adel-Al-QosiPosted over 1 year ago

    You can use flex to do so like this:

    .button-class {
display: flex;
justify-content: center;
align-items: center;
}
    0
  • Aaron Ramirez•140
    @davuboySubmitted over 1 year ago

    i was trying so hard to do the waves but i cannot do it (I forgot to delete some comments about it). Anyways, was a really fun project for a beginner designer (makes you think and improve with flexbox).

    Hope your comments!

    Greetings,

    Order-Summary HTML & CSS

    2
    Adel Al Qosi•250
    @Adel-Al-QosiPosted over 1 year ago

    You can use some tools like this one: https://app.haikei.app/ to add these waves

    Marked as helpful
    0