Skip to content
Submitted about 1 year ago

newsletter signup form with success message using JS and tailwindcss

Hudayfa•110
@hdif004
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Newsletter sign-up form with success message
  • HTML
  • CSS
  • JS
2junior

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
    @freaky4wrldPosted about 1 year ago

    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
    Hudayfa•110
    @hdif004Posted about 1 year ago

    @freaky4wrld Thanks, i appreciate it. It's clearly better this way 👍

    0

Please log in to post a comment

Log in with GitHub

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