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

Lackevil

@LackevilUA130 points

Ua

Latest solutions

  • Ping single column coming soon page

    #bem#sass/scss

    Lackevil•130
    Submitted 4 months ago

    0 comments
  • 3-column-preview-card-component

    #bem

    Lackevil•130
    Submitted 7 months ago

    0 comments
  • Newsletter sign-up form with success message

    #bem

    Lackevil•130
    Submitted 9 months ago

    1 comment
  • Article preview component

    #bem

    Lackevil•130
    Submitted 9 months ago

    0 comments
  • Testimonials grid section

    #bem

    Lackevil•130
    Submitted 10 months ago

    1 comment
  • Four card feature section solution

    #bem

    Lackevil•130
    Submitted 11 months ago

    1 comment
View more solutions

Latest comments

  • P
    Ian Parker•200
    @i-prkr
    Submitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    I proud to feel as though I am getting a handle on Sass and BEM. I still need to spend more time looking at the design and thinking how to structure the code to make it the most DRY.

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

    I found it challenging working out how best to structure my .card component css, to make it as clean and as DRY as I could. I tried a couple of different ways using BEM, and decided to keep all css for both the signup and success card under the one class.

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

    I would really appreciate any feedback, but particularly would love to know if the BEM method has been implemented effectively. Particularly working between .card and .card-success classes as the success card had a slightly different layout.

    I would also grealt appreciate any improvements on my sass code, I am enjoying working with Sass/BEM and am keen to keep improving.

    Thanks for looking at my solution!

    Newsletter signup (Sass, BEM)

    #accessibility#bem#sass/scss
    1
    Lackevil•130
    @Lackevil
    Posted 9 months ago

    Great!

  • P
    Dan Marius•1,275
    @danmlarsen
    Submitted 11 months ago
    What specific areas of your project would you like help with?

    I appreciate any helpful feedback

    Vanilla JS & Flexbox

    #bem
    1
    Lackevil•130
    @Lackevil
    Posted 9 months ago

    Greate work!

  • P
    Ian Parker•200
    @i-prkr
    Submitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    I'm really happy with having spent the time to try to learn Sass properly, and implement it with the folder structure using partials. As well as this, to use Sass functions, maps and loops to be able to apply styling to the cards and change the grid based on media breakpoints. I also began to start using BEM which I plan to continue with.

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

    I found it challenging understanding the best way to implement breakpoints in Sass, and it lead me to some great articles as linked in the readme that helped me understand a few Sass features.

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

    I would love to ask for feedback and help on two things in particular:

    1. My solution looks a lot bigger than the design in the screenshot. The style guide specifies a font size of 13px, but if I set this then the font does not appear as nicely on the design even though it is the correct size overall. So I kept it with the nicer font size, does that matter?

    2. Any feedback on my implementation of Sass and BEM would be awesome!!

    Thanks for looking at my solution!!

    Responsive Testimonials Grid using Sass

    #bem#node#parcel#sass/scss
    1
    Lackevil•130
    @Lackevil
    Posted 10 months ago

    Greate work! I like your stack. But preview site doesn't load styles.

  • P
    Eli Silk•920
    @elisilk
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    Thanks to the comments and looking at some other solutions, I was happy with my revised grid solution that takes advantage of the grid-auto-flow and the grid shorthand to position the cards correctly.

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

    If anyone knows how to get the top borders of each of the cards to have a straight edge rather than curved that would be helpful.

    Solution with flexbox and grid layout and CSS custom properties

    #bem
    2
    Lackevil•130
    @Lackevil
    Posted 11 months ago

    You have greate vision!

  • Akram Adjab•380
    @akramAdjab
    Submitted almost 3 years ago

    Responsive product card with Animation using CSS Flexbox

    #animation#bem#sass/scss
    1
    Lackevil•130
    @Lackevil
    Posted 11 months ago

    Good job! I like the hover animation on image. You should to create custom README, it gives others people to understand what you learned, what was your struggle and something else.

  • P
    Eli Silk•920
    @elisilk
    Submitted over 1 year ago

    Recipe page with image extending to full width outside its container

    #bem
    1
    Lackevil•130
    @Lackevil
    Posted 11 months ago

    Hello! Great job! I've seen your code and it's awesome. I suggest you to use BEM in your next projects.

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