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

Ig0rSP

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

  • Social proof section master


    Ig0rSP•110
    Submitted 26 days ago

    I think my background image does not work well


    0 comments
  • Testimonials grid section


    Ig0rSP•110
    Submitted about 1 month ago

    1 comment
  • Four card features page


    Ig0rSP•110
    Submitted about 1 month ago

    1 comment
  • Product preview card


    Ig0rSP•110
    Submitted about 1 month ago

    1 comment
  • Recipe page solution


    Ig0rSP•110
    Submitted about 1 month ago

    1 comment
  • Social link profile (not personal)


    Ig0rSP•110
    Submitted about 1 month ago

    It's appropriate to use 'nav' instead of 'div' in this context?


    1 comment
View more solutions

Latest comments

  • Mahisha Gunasekaran•120
    @Mahi-Mani
    Submitted 30 days ago

    CSS Grid

    1
    Ig0rSP•110
    @Ig0rSP
    Posted 30 days ago

    So good! you can fix Daniel's foto width

  • P
    oxford777•120
    @oxford777
    Submitted about 1 month ago
    What are you most proud of, and what would you do differently next time?

    Je suis fiere d’avoir réussi à rendre la section des quatre cartes complètement responsive, avec un design qui s’adapte bien du mobile au desktop. J’ai appris à utiliser clamp() pour fluidifier les espacements et tailles de texte, et à organiser mon CSS avec des breakpoints.

    Si je devais refaire ce projet, je passerais peut-être plus de temps à anticiper la structure CSS au début, afin de ne pas revenir trop souvent sur mes media queries. J’aimerais aussi tester d’autres façons de centrer les éléments, ou utiliser CSS Grid différemment pour aller encore plus loin dans la disposition asymétrique.

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

    J’ai eu du mal à reproduire exactement la disposition des cartes sur desktop, car la maquette a une organisation un peu particulière (les cartes sont asymétriques, pas juste une grille classique).

    J’ai aussi perdu du temps sur les media queries : il fallait que l’affichage passe d’une colonne à la disposition asymétrique sur desktop.

    Pour surmonter ces difficultés, j’ai relu la doc de CSS Grid, testé différentes combinaisons et cherché des exemples similaires sur le forum de Frontend Mentor. J’ai aussi utilisé l’inspecteur du navigateur pour mieux comprendre l’alignement des éléments.

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

    J’aimerais des conseils sur la meilleure façon d’organiser mes breakpoints et mon CSS pour garder le code lisible, surtout avec plusieurs transitions entre mobile, tablette et desktop.

    Je me demande aussi si mon utilisation de clamp() est optimale, ou s’il y a d’autres façons plus “propres” de gérer la fluidité des tailles (padding, texte,…).

    Enfin, si quelqu’un a des astuces pour rendre la disposition asymétrique plus simple à maintenir dans le temps (par exemple, pour ajouter des cartes en plus), je suis preneur !

    Mise en page responsive de cartes avec CSS Grid et clamp()

    1
    Ig0rSP•110
    @Ig0rSP
    Posted about 1 month ago

    It's great! You could use ::before to improve the div's borders, but this is only a suggestion

  • Cihat Tuncay•70
    @chtncy
    Submitted about 1 month ago

    Product Preview Card Component

    1
    Ig0rSP•110
    @Ig0rSP
    Posted about 1 month ago

    The proportions of the page could be improved

  • sorokiyali•40
    @sorokiyali
    Submitted about 1 month ago

    page-de-recettes

    1
    Ig0rSP•110
    @Ig0rSP
    Posted about 1 month ago

    Good, but the margins could be improved and you should use the same title color

  • P
    dionysia-lemonaki•160
    @dionysia-lemonaki
    Submitted about 2 months ago

    Social links profile using Flexbox and clamp()

    1
    Ig0rSP•110
    @Ig0rSP
    Posted about 1 month ago

    It's the same, great! Have you considered redirecting to the real pages like 'www.github.com' instead of staying on the same page?

  • Jairo Delgado•100
    @gyro2006
    Submitted about 1 month ago
    What challenges did you encounter, and how did you overcome them?

    spacing

    blog preview card

    2
    Ig0rSP•110
    @Ig0rSP
    Posted about 1 month ago

    It's so great! it's almost the same design. Have you thought about using a line option to change the spacing?

    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