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

Alessio Pacconi

@alepaccItaly100 points

Computer science student passionate about coding and exploring web development and AI.

Latest solutions

  • CSS Grid & Flexbox


    Alessio Pacconi•100
    Submitted about 1 month ago

    1 comment
  • responsive page using grid and flexbox


    Alessio Pacconi•100
    Submitted about 2 months ago

    1 comment
  • responsive landing page with flexbox using scss


    Alessio Pacconi•100
    Submitted 2 months ago

    1 comment
  • responsive page using flexbox and grid


    Alessio Pacconi•100
    Submitted 3 months ago

    1 comment
  • responsive page using css


    Alessio Pacconi•100
    Submitted 3 months ago

    1 comment
  • blog preview card using css


    Alessio Pacconi•100
    Submitted 3 months ago

    2 comments
View more solutions

Latest comments

  • Norbert Kulacin•110
    @NorCoolTech
    Submitted about 1 month ago

    Testimonials-Grid-Section

    2
    Alessio Pacconi•100
    @alepacc
    Posted 28 days ago

    Great work!

    A small detail: the border color of the avatar image on card number four should be purple.

  • Sahithkumar-VU21CSEN0100489•90
    @Sahithkumar-VU21CSEN0100489
    Submitted about 2 months ago

    four card feature section

    1
    Alessio Pacconi•100
    @alepacc
    Posted about 1 month ago

    Great job!

    • you didn't link the correct live page (but I found it on GitHub)
    • in the firstpart you can use h1 or h2 header tag and the inline CSS code you can move to the external CSS file
    • the text size in firstpart should be a bit bigger
  • ZedHawk•130
    @ebrahim113
    Submitted 2 months ago

    Product Preview Card Challenge

    1
    Alessio Pacconi•100
    @alepacc
    Posted 2 months ago

    Hello! Congrats, perfect job!

  • Katherine-Kapinus•60
    @Katherine-Kapinus
    Submitted 3 months ago

    Responsile landing of recipe

    2
    Alessio Pacconi•100
    @alepacc
    Posted 3 months ago

    Hello! Congrats, perfect job!

  • mangoloving•40
    @mangoloving
    Submitted 3 months ago

    Social links profile using HTML and CSS

    1
    Alessio Pacconi•100
    @alepacc
    Posted 3 months ago

    Hi! Your site look good, but you can improve a little things.

    • you can use semantic html
    • the text London, United Kingdom should have a different color — Green: hsl(75, 94%, 57%) (you can find in file style-guide.md)
    • To add space between elements, you can also use the gap property with Flexbox
    Marked as helpful
  • Clavijoo•30
    @Clavijoo
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I was able to find a solution to move the shadow by myself, and the transition when you hover over the card is cool

    What challenges did you encounter, and how did you overcome them?

    It took me a little bit to find out what display option to use to align both the avatar and the text. I had to do my research

    What specific areas of your project would you like help with?

    How can I improve my CSS code?

    Blog preview card

    1
    Alessio Pacconi•100
    @alepacc
    Posted 3 months ago
    • the border of the card in figma was 1px
    • for mobile version, the different font size is missing
    • for the padding in the card you can use:
    display: flex;
    flex-direction: column;
    gap: 24px;
    
View more comments
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