Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
10
Comments
3

Ludzik

@LudzikkPoland170 points

Hi, learning frontend. Currenly focusing mostly on js.

Latest solutions

  • Expenses chart component

    #bem#gulp#sass/scss

    Ludzik•170
    Submitted over 1 year ago

    0 comments
  • Profile card component

    #bem#sass/scss#gulp

    Ludzik•170
    Submitted over 1 year ago

    2 comments
  • Launch countdown timer

    #bem#sass/scss#gulp

    Ludzik•170
    Submitted over 1 year ago

    0 comments
  • Results summary component

    #bem#gulp#sass/scss

    Ludzik•170
    Submitted over 1 year ago

    0 comments
  • Product preview card component

    #bem#sass/scss#gulp

    Ludzik•170
    Submitted over 1 year ago

    1 comment
  • QR Code Component

    #bem#sass/scss#gulp

    Ludzik•170
    Submitted over 1 year ago

    1 comment
View more solutions

Latest comments

  • Juan•570
    @JEWebDev
    Submitted over 1 year ago

    FAQs Accordion

    3
    Ludzik•170
    @Ludzikk
    Posted over 1 year ago

    Hello

    background-image: url("assets/images/background-pattern-desktop.svg");
    

    since this code is in css/style.css by doing path like u did, u are kinda like stuck inside of css folder, you first need to use ../ to leave css folder and enter your main folder and then continue path that you did.

    background-image: url("../assets/images/background-pattern-desktop.svg");
    

    You did same path in js but it's working there becouse js is putting this path to html file. Your html file is in main folder so that's why it don't work only in css file.

  • Yoga•240
    @yogskr
    Submitted over 1 year ago

    Responsive Newsletter Sign Up Using Vanilla JavaScript and CSS Flexbox

    #web-components
    1
    Ludzik•170
    @Ludzikk
    Posted over 1 year ago

    Hello, i don't know why button didn't worked for you. I did copy your code to test it and button tag work completly fine.

    I have just one suggestion about one thing in your js code.

    emailInput.style.border = '1px solid hsl(4, 100%, 67%)';
    emailInput.style.backgroundColor = 'rgba(255, 87, 135, 0.1)';
    emailInput.style.color = 'hsl(4, 100%, 67%)';
    

    Im not a big fan of styling by this way, it would be more simple by adding all of these to css class and then toggle that class when u need it.

  • Shakeel Ahmad•60
    @Shakeel-Coder
    Submitted over 1 year ago

    signup with success message

    #styled-components#vanilla-extract
    2
    Ludzik•170
    @Ludzikk
    Posted over 1 year ago

    Hello, im not good at giving advice, but i'll try my best. So to validate email you will have to check if email in input is correct on click on button. So if it's correct after checking regex.

    Function you are trying to run on dismiss button named: dismissMessage() is not defined.

    To close popup msg, simply remove "hide" class from your submit form and add "hide" class to popup msg.

    If you need more help msg me on discord it's linked on my github.

    Marked as helpful

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub