Skip to content
Submitted 11 months ago

product_landing_page

deepika9107•140
@deepika9107
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...E-commerce product page
  • HTML
  • CSS
  • JS
3intermediate

Design comparison

SolutionDesign

Solution retrospective

Mobile layout was very difficult to achieve. I'm still not sure about the javascript code . And can anyone tell me how to change the color of svg icons.

Community feedback

  • Manish Patel•730
    @savvystriderPosted 11 months ago

    If you're using SVG code in your HTML, you can change the fill or stroke color directly in the markup or through CSS. If you're importing the SVG as a file, you can open up the code in any text editor and change the stroke and/or fill colors

    Marked as helpful
    0
  • ahmadabbani•140
    @ahmadabbaniPosted 10 months ago

    Hello, I use the following CSS code to change the SVG color to orange: filter: invert(50%) sepia(80%) saturate(2235%) hue-rotate(354deg) brightness(99%) contrast(94%); There is a site where you can type the color you need for an SVG, and it will provide you with the corresponding CSS code. The site is: https://isotropic.co/tool/hex-color-to-css-filter/

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord