Submitted over 1 year ago

Advice Generator App

#sass/scss

shalash23• 280

@shalash23

Preview site View code

This is a solution for...

Advice generator app

HTML
CSS
JS
API

2junior

View challenge

Design comparison

SolutionDesign

Solution retrospective

I think the main question was how to edit the SVG icons depending on screen size using a media query. I solved it with JavaScript but definitely there is a better way

Community feedback

Reckson Zirsangzela Khiangte• 180

@Saga-sanga

Posted over 1 year ago

Hi Shalash, I've gone through your solution and regarding your question the I would recommend you try using <picture> html element for the SVG. https://www.w3schools.com/tags/tag_picture.asp

Here's a link to my solution: https://saga-sanga.github.io/advice-generator/

Marked as helpful

shalash23• 280

@shalash23

Posted over 1 year ago

@Saga-sanga That is an extremely helpful tip. Thank you :)

Please log in to post a comment

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