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

Leccon1

@Leccon1110 points

Чемпик

Latest solutions

  • article-preview-component-master using flex-box

    #sass/scss

    Leccon1•110
    Submitted 3 days ago

    in no way


    0 comments
  • testimonials-grid-section-main using display grid

    #sass/scss

    Leccon1•110
    Submitted 9 days ago

    in none, I am perfection itself :0


    1 comment
  • four-card-feature-section-master adaptive layout using grid

    #sass/scss

    Leccon1•110
    Submitted 10 days ago

    none, I'm cool)


    1 comment
  • product preview card


    Leccon1•110
    Submitted 24 days ago

    most likely with adaptive layout, since I haven't mastered it well


    1 comment
  • recipe-pagе

    #sass/scss#bem

    Leccon1•110
    Submitted about 1 month ago

    1 comment
  • social-link using sass preprocessor and flex-box


    Leccon1•110
    Submitted about 1 month ago

    1 comment
View more solutions

Latest comments

  • nerdynischal•190
    @nerdynischal
    Submitted 26 days ago
    What are you most proud of, and what would you do differently next time?

    Managed to add the interactivity as intended on mobile and desktop versions, although the middle screen sizes might be a bit sub optimal for the time being. So, maybe some time to flesh out the middle screen sizes, especially for the tooltip component would be something to improve on.

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

    The most challenging part was getting the interactive part differently on mobile and desktop versions, but with more experimentations with the CSS, it eventually worked the way it was supposed to.

    Article preview component

    #sass/scss
    1
    Leccon1•110
    @Leccon1
    Posted 3 days ago

    Hi, great job but I found a couple of flaws:

    1. This is because share-container is a little uneven in relation to share-btn, it could be moved a little to the right.

    2. The absence of BEM, its use makes the html code more correct and readable.

    I would also recommend using SASS, it will greatly simplify the styling of the project.

  • lucassalles-git•120
    @lucassalles-git
    Submitted 14 days ago
    What are you most proud of, and what would you do differently next time?

    Aprendi um pouco mais de grid, gostei bastante.

    I learned a little more about grid, I really liked it.

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

    Foi meio complicado aprender um pouco do grid, mas consegui.

    It was a bit complicated to learn a bit about the grid, but I managed it.

    Testimonials grid section solution

    #sass/scss
    1
    Leccon1•110
    @Leccon1
    Posted 9 days ago

    good!

  • ReeperC3•60
    @ReeperC3
    Submitted 12 days ago
    What are you most proud of, and what would you do differently next time?

    I really like how I switched between grid and flexbox interchangeably to make the desktop version match as closely with the preview image.

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

    I struggled slightly to get the font sizing right, which was just trial and error.

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

    Any advice on my general structuring or things like that. Thanks guys!

    Four Card Feature Section using HTML and SCSS / SASS

    #semantic-ui#sass/scss
    1
    Leccon1•110
    @Leccon1
    Posted 10 days ago

    in the html code you used BEM a little incorrectly, for example, instead of the class name card-container, you could have done it like this: card__container, so you declare a new block. Or, instead of creating a separate class blue, etc. you could have done it with the card modifier, example: card--blue. But overall, the work is very good, you can be proud of yourself ;)

    Marked as helpful
  • P
    Quentin•170
    @QuentinTengaGithub
    Submitted 24 days ago

    Product preview card component

    1
    Leccon1•110
    @Leccon1
    Posted 24 days ago

    Great job, but lacks similarity to the model

  • HusseinAlaa•40
    @hussein430
    Submitted about 1 month ago

    Responsive Card Socials

    1
    Leccon1•110
    @Leccon1
    Posted about 1 month ago

    Great work

  • Alexandro•70
    @andrushchenkoo
    Submitted about 1 month ago

    responsive page

    #bem
    1
    Leccon1•110
    @Leccon1
    Posted about 1 month ago

    .

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