Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

newsletter signup form with success message using JS and tailwindcss

Aymenโ€ข 110

@hdif004

Desktop design screenshot for the Newsletter sign-up form with success message coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


This is my solution to this challenge, i have issues on the mobile version, the svg image doesn't appear correctly if you can help me to resolve this, i will be grateful.

Community feedback

Nayan Bhattโ€ข 980

@freaky4wrld

Posted

Hey there, buddy as per your query............. what I would suggest is to use svg as an image element that is <img src="svg_path.svg">

As using svg vaguely is not recommended, also for the media queries, you can do is

<img src="svg_desktop.svg" class="some width hidden md:block/flex">
<img src="svg_mobile.svg" class="some width md:hidden">

Hope it helps..... and resolves your issue!!!

Here are some best practice regarding svg image

Keep hustling!!!

Marked as helpful

2

Aymenโ€ข 110

@hdif004

Posted

@freaky4wrld Thanks, i appreciate it. It's clearly better this way ๐Ÿ‘

0

Please log in to post a comment

Log in with GitHub
Discord logo

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