Submitted over 1 year ago

Responsive Newsletter using CSS grid, CSS SASS and native JS.

Miguel Angel Arias Sanchez•130

@a-Rider-m

Preview site View code

This is a solution for...Newsletter sign-up form with success message

HTML
CSS
JS

2junior

Design comparison

SolutionDesign

Solution retrospective

My only question is, is there any way to add SVG files from the HTML and have them load based on the screen size?

Community feedback

Arne•1,110
@DudeldupsPosted over 1 year ago
Heya! You can use the <picture> Element. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture?retiredLocale=de

If you just want to add an SVG you could set the visibility: hidden or display: none and change it in a min-width media query
Marked as helpful
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