Skip to content
Submitted over 1 year ago

product_landing_page

sass/scss
deepika9107•140
@deepika9107
A solution to the E-commerce product page challenge
Preview (opens in new tab)Code (opens in new tab)

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.

Code

Please log in to post a comment

Log in

Community feedback

  • Manish Patel•740
    @savvystrider

    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
  • ahmadabbani•140
    @ahmadabbani

    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/

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