Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
14
Comments
4

Matias Vignola

@MatiasVignolaCórdoba, Argentina220 points

My name is Matias Vignola and I am from Cordoba, Argentina. Approximately in April 2023 I discovered the world of programming and I really liked it. That is why I am doing the frontend mentor challenges, to improve my skills and apply what I have learned in courses that I saw on YouTube

I’m currently learning...

Currently (August 2023) I have even learned javascript and done some practice projects.

Latest solutions

  • FAQ acorrdion solution , with CSS


    Matias Vignola•220
    Submitted almost 2 years ago

    0 comments
  • four cards feature section solution, CSS


    Matias Vignola•220
    Submitted almost 2 years ago

    0 comments
  • Solution of 3-column-preview-card-component


    Matias Vignola•220
    Submitted almost 2 years ago

    0 comments
  • Interactive-rating-component solution, Css & JS


    Matias Vignola•220
    Submitted almost 2 years ago

    0 comments
  • Solution of intro component with sign up form, using sass and JS


    Matias Vignola•220
    Submitted almost 2 years ago

    1 comment
  • solution of stats preview card challenge, using sass


    Matias Vignola•220
    Submitted almost 2 years ago

    0 comments
View more solutions

Latest comments

  • OsujiJr•70
    @OsujiJr
    Submitted almost 2 years ago

    Result Summary Page with css and HTML ( Mobile Screen)

    1
    Matias Vignola•220
    @MatiasVignola
    Posted almost 2 years ago

    You should try defining a height and adding a margin to the container of the card so that it is centered

    Marked as helpful
  • Kingsleigh•260
    @Kingsleigh-Obi
    Submitted almost 2 years ago

    Responsive web page

    2
    Matias Vignola•220
    @MatiasVignola
    Posted almost 2 years ago

    Hello... so that the background image does not repeat, you should set the no repeat property, example: background-repeat: no-repeat; and to center the card, first define a margin at the top and bottom, and an auto margin at the sides, example: margin: 110px auto;

    Marked as helpful
  • Kingsleigh•260
    @Kingsleigh-Obi
    Submitted almost 2 years ago

    stat-preview-card-component

    1
    Matias Vignola•220
    @MatiasVignola
    Posted almost 2 years ago

    You should try using a margin to center the content more, for example, margin: 150px auto;

    Marked as helpful
  • Salman Tariq•10
    @Salman97t
    Submitted almost 2 years ago

    QR-code Challenge by Frontend Mentor

    2
    Matias Vignola•220
    @MatiasVignola
    Posted almost 2 years ago

    it is best to start with the mobile firs methodology. once you have finished it like this, applying the responsive part is much easier. maybe what you can do is look for videos that guide you to carry out the task

    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

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