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

Mark

@markskwidPhilippines250 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • Result Summary

    #react#tailwind-css

    Mark•250
    Submitted about 2 years ago

    0 comments
  • Testimonial Slider


    Mark•250
    Submitted over 2 years ago

    0 comments
  • Advice Generator App


    Mark•250
    Submitted over 2 years ago

    1 comment
  • Four Card Feature


    Mark•250
    Submitted over 2 years ago

    0 comments
  • Huddle Landing Page


    Mark•250
    Submitted over 2 years ago

    0 comments
  • Single Price Grid


    Mark•250
    Submitted over 2 years ago

    0 comments
View more solutions

Latest comments

  • Mounir KHAOUADI•190
    @Mounir-kh
    Submitted over 2 years ago

    Html, CSS, Javascript

    2
    Mark•250
    @markskwid
    Posted over 2 years ago

    Hello, @Mounir-kh

    To slow the transition of your thank you card using JavaScript you can use setTimeout. Example:

    submitButton.addEventListener('click', () =>  {
        setTimeout(() => thankyouContainer.classList.remove("hidden"), 1000);
        mainContainer.style.display= "none";
     }
    );
    
    

    Please visit this website to read more about setTimeOut

    Happy coding!

    Marked as helpful
  • Nelson Mungai•30
    @NelsonMungai1
    Submitted over 2 years ago

    Flex box using flex-grid

    #angular
    1
    Mark•250
    @markskwid
    Posted over 2 years ago

    Hello, @NelsonMungai2003

    To center the element inside a flexbox you can use align-items and justify-content:

    body{
    display: flex;
    justify-content: center;
    align-items: center;
    }
    

    Happy Coding!

  • is real•230
    @isreal916
    Submitted over 2 years ago

    responsive product-preview-component

    #materialize-css
    3
    Mark•250
    @markskwid
    Posted over 2 years ago

    Hello, @isreal916

    If you are using an imported font you should wrap it by double quotation to use it. Example: font-family: "Fraunces", sans-serif;

    I also noticed that your HTML is not containing a level-one heading or <h1> the heading in this challenge is the name of the perfume.

    Marked as helpful
Frontend Mentor logo

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