Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
26
Comments
48

Francesco Merighi

@fmerighiwebdevItaly930 points

I have become passionate about WEB DEVELOPMENT and the creation of INTERNET SITES. My passion for programming and web design has led me to develop multiple projects, starting from school projects or projects of my interest, up to the creation and management of sites for some local companies.

I’m currently learning...

I'm 21 years old and I am currently attending the University of Verona, at the Computer Science Department, to deepen my knowledge of technology and CS. I have hobbies like going to the gym and have been trying to learn about the world of Crypto and Forex trading for quite some time.

Latest solutions

  • Newsletter Sign Up with Success Message HTML CSS JS

    #web-components

    Francesco Merighi•930
    Submitted almost 2 years ago

    0 comments
  • Ping One Column Coming Soon HTML CSS JS

    #web-components

    Francesco Merighi•930
    Submitted almost 2 years ago

    0 comments
  • Intro Component with Sign Up HTML CSS JS

    #web-components

    Francesco Merighi•930
    Submitted almost 2 years ago

    0 comments
  • Base Apparel Coming Soon Challenge HTML CSS JS

    #web-components

    Francesco Merighi•930
    Submitted almost 2 years ago

    0 comments
  • Article Preview HTML CSS JS

    #web-components

    Francesco Merighi•930
    Submitted almost 2 years ago

    1 comment
  • FAQ Accordion HTML CSS JS

    #web-components#accessibility

    Francesco Merighi•930
    Submitted almost 2 years ago

    0 comments
View more solutions

Latest comments

  • Michael Valan•620
    @michaelvalan
    Submitted almost 2 years ago

    FAQ accordion page using Flexbox

    1
    Francesco Merighi•930
    @fmerighiwebdev
    Posted almost 2 years ago

    The solution you submitted is great! Very well!

    The only "problem" I noticed is that it is not very responsive for "medium" devices such as tablets or small PCs.

    But then again, it's spectacular, congratulations (even the animations are crazy).

    Marked as helpful
  • Thợ Bánh_Baker•10
    @UNtergas
    Submitted almost 2 years ago

    Results summary component static

    1
    Francesco Merighi•930
    @fmerighiwebdev
    Posted almost 2 years ago

    1 - Your solution doesn't seem responsive :( Hint: try adding a media query (@media) and inside it change the direction of your flex-container (flex-direction property).

    2 - Why did you use all those <span> tags? You could easily have used more appropriate tags like <div>, <p>, etc...

    3 - Regarding the style, the gradient of the left part (including the circle) is not correct.

    Regardless, the solution you posted is a good one.

    In any case, feel free to check out my solution if it helps you.

    P.S. If you found this comment useful, please mark it :)

    Marked as helpful
  • Sam•1,190
    @JustANipple
    Submitted almost 2 years ago

    🧮Calculator app | React | Mobile-first | Vite🧮

    #vite#react
    1
    Francesco Merighi•930
    @fmerighiwebdev
    Posted almost 2 years ago

    The solution you submitted is great!

  • Enoch Flourish•10
    @efkevi-n
    Submitted over 2 years ago

    WEB-DESIGN

    2
    Francesco Merighi•930
    @fmerighiwebdev
    Posted over 2 years ago

    Hi there!

    Your solution is good!

    A tip, avoid using different CSS files, especially for projects of this type.

    Another tip, use flexbox or grid to center the card horizzontally and vertically.

    Hope this helps! If this is the case I ask you to mark this comment as useful ;)

    In any case, don't hesitate to look at my solution if you need it

    Marked as helpful
  • Tejasvi Mishra•100
    @tejasvi2708
    Submitted over 2 years ago

    3-column preview card component

    1
    Francesco Merighi•930
    @fmerighiwebdev
    Posted over 2 years ago

    The solution you posted is not responsive :(

    Try adding a media query that handles page behavior on different device sizes.

    One more thing, avoid using fixed height and width (especially heights), let the card adjust to the content.

    I also advise you to use flexbox, not only to center vertically and horizontally, but also to ensure that below a certain threshold, the cards are arranged vertically, as shown in the result.

    In any case, don't hesitate to look at my solution if you need to ;)

  • Igor Asessorov•100
    @Bumble-sakh
    Submitted over 2 years ago

    Results summary component

    1
    Francesco Merighi•930
    @fmerighiwebdev
    Posted over 2 years ago

    A piece of advice, increase the breakpoint of the average query to 600-650px because this way it is too low and for example, on an iPhone 13 Pro (390px - like mine) it is not reponsive at all.

    Marked as helpful
View more comments

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

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