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

saccoViola

@saccoViola90 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

  • News homepage using CSS grid

    #accessibility#lighthouse#pure-css#van-js

    saccoViola•90
    Submitted 4 months ago

    1 comment
  • Responsive contact form

    #accessibility#animation#lighthouse#van-js

    saccoViola•90
    Submitted 4 months ago

    2 comments
  • Faq questions

    #accessibility#lighthouse

    saccoViola•90
    Submitted 5 months ago

    1 comment
  • Interactive rating component using flexbox

    #accessibility#lighthouse

    saccoViola•90
    Submitted 5 months ago

    1 comment
  • Newsletter Sign Up Form with vanilla javascript


    saccoViola•90
    Submitted 7 months ago

    For sure there is a faster way to verify that the input email address is actually a valid email address, I would like to know also different ways to do it!


    2 comments
  • Article Preview Component with CSS Flexbox


    saccoViola•90
    Submitted 7 months ago

    The mobile version cause it was challenging and I'm not happy with the result


    1 comment

Latest comments

  • Ibrahim Morad•380
    @IbrahimMurad
    Submitted 4 months ago

    News homepage

    #accessibility#sass/scss#semantic-ui
    1
    saccoViola•90
    @saccoViola
    Posted 4 months ago

    Nice job!

  • Trevor•590
    @TrEv0rRrRr
    Submitted 7 months ago

    contact-form

    #animation
    1
    saccoViola•90
    @saccoViola
    Posted 4 months ago

    Does the solution include semantic HTML? Yes but there's no <main> or <header> tag

    Is it accessible, and what improvements could be made? Yes, it is accessible

    Does the layout look good on a range of screen sizes? Yes!

    Is the code well-structured, readable, and reusable? Yes

    Does the solution differ considerably from the design? It's pretty much similar

    Good job!

  • Facundo Andrés De Los Rios•360
    @FacundoDLR
    Submitted 5 months ago

    FAQs Accordion A11y - with HTML and CSS

    #accessibility
    1
    saccoViola•90
    @saccoViola
    Posted 5 months ago

    Does the solution include semantic HTML? Yep! Is it accessible, and what improvements could be made? It is accessible and you can navigate it with tabs Does the layout look good on a range of screen sizes? Yep! Is the code well-structured, readable, and reusable? I couldn't find the script file! Does the solution differ considerably from the design? It's quite similar

  • Facundo Andrés De Los Rios•360
    @FacundoDLR
    Submitted about 2 years ago
    What specific areas of your project would you like help with?

    rating star animations. People who like animations and can give me suggestions are welcome 😊

    My resolution to Interactive rating component

    #accessibility
    1
    saccoViola•90
    @saccoViola
    Posted 5 months ago

    Well done! :)

  • Facundo Andrés De Los Rios•360
    @FacundoDLR
    Submitted 7 months ago

    Newsletter signUp with [HTML, CSS, JS]

    1
    saccoViola•90
    @saccoViola
    Posted 7 months ago

    Nice job!

  • mehedihasan1179•150
    @mehedihasan1179
    Submitted 7 months ago

    Article preview component

    1
    saccoViola•90
    @saccoViola
    Posted 7 months ago

    Hi mehedihasan1179! Good job with your challenge! I'll try to give you some feedback that helped me out while I was doing this challenge:

    • if you want to have the same design as the one provied, you can try to delete the solid red margin in .container, #images, .details, .profile
    • for the drawers image i gave it fixed dimension and I used CSS flexbox to position it: #image{ width: 250px; height: 250px; display: flex; float: left; border-radius: 15px 0 0 15px; }

    I hope it was helpful, have a nice day :)

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

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