Submitted about 2 years ago

Advice Generator App

shalash23•280

@shalash23

Preview site View code

This is a solution for...Advice generator app

HTML
CSS
JS
API

2junior

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-sangaPosted about 2 years 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
0
shalash23•280
@shalash23Posted about 2 years ago
@Saga-sanga That is an extremely helpful tip. Thank you :)
0

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