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

Simon Capillon

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

  • Responsive Testimonials Grid Section using CSS Grid layout


    Simon Capillon•100
    Submitted 12 months ago

    1 comment
  • Responsive Four Card Feature Section using HTML/CSS


    Simon Capillon•100
    Submitted 12 months ago

    1 comment
  • Responsive Product Preview Card Using HTML/CSS


    Simon Capillon•100
    Submitted 12 months ago

    1 comment
  • Responsive recipe page using HTML&CSS


    Simon Capillon•100
    Submitted 12 months ago

    Nope


    1 comment
  • Responsive Social Links Profile using HTML/CSS, Git & VS Code


    Simon Capillon•100
    Submitted about 1 year ago

    Nope!


    2 comments
  • Responsive Blog Preview Card using HTML/CSS, Git & VSCode


    Simon Capillon•100
    Submitted about 1 year ago

    All clear!


    1 comment
View more solutions

Latest comments

  • Sedar Yildirim•250
    @sedaryildirim
    Submitted 12 months ago

    Testimonal Grid

    1
    Simon Capillon•100
    @simon7195
    Posted 12 months ago

    Perfect job! Closer to the original design as mine.

  • ameera abed•100
    @ameera-abed-aldin
    Submitted 12 months ago

    html css

    2
    Simon Capillon•100
    @simon7195
    Posted 12 months ago

    Looks perfect to me. Good job!

  • Owolabi•250
    @Ay-dotcode
    Submitted 12 months ago

    Just basic HTML and CSS

    1
    Simon Capillon•100
    @simon7195
    Posted 12 months ago

    Nice job!

  • Mario Jun•60
    @japaxapa
    Submitted 12 months ago
    What are you most proud of, and what would you do differently next time?

    I started the code with mobile first in mind and used BEM to organize the code

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

    Styling list tags and setting the responsive code

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

    Any feedback on BEM usage

    Creating a recipe card using HTML and CSS

    1
    Simon Capillon•100
    @simon7195
    Posted 12 months ago

    Well done!

  • Randy Robson•50
    @randyrobson
    Submitted about 1 year ago

    Social links profile - Solution

    1
    Simon Capillon•100
    @simon7195
    Posted about 1 year ago

    Hi! 😄

    Your solution is really nice, I really like the little animation that moves when the buttons are hovered.

    May I make a few comments :

    • For the avatar, you used the background of your div to insert your image. I think using an img tag would have been more appropriate, especially in terms of accessibility, as in your case you can't display alternative text (alt="avatar of ...").
    • For geographic datas, a p tag would have been more appropriate than an h2.
    • The section tags defines important areas of a site. In the case of a linktree, a div or span would have been more appropriate.
    • Regarding fidelity to the proposed design, your dimensions differ a little from the model. It's a detail, but for some designers and customers it can be annoying.
    • Your CSS is very short, I think that's great, especially since on my side they're usually longer 😓. However, I think you should use classes because in a larger project, using tags as selectors is a dangerous gamble and makes it difficult to read your code (especially if it's uncommented as is your case).

    I hope you find my comment useful. Keep it up! ✌️

  • Satyam-Pandey677•220
    @Satyam-Pandey677
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    Now I'm understand the html trees and all CSS properties

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

    None

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

    none

    Blog Card Design

    1
    Simon Capillon•100
    @simon7195
    Posted about 1 year ago

    Hi there! I think you've got the wrong project. This is the QR code project.. 😕 You should replace the link if possible, it's a shame not to be able to see your solution and give you advice if needed.

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