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

Vassil

@zaiicheSouth Carolina120 points

Enjoying learning 📖 and making things work. Huge creative that has a tick for compartmentalizing. 😁

Latest solutions

  • Article Preview


    P
    Vassil•120
    Submitted 3 months ago

    1 comment
  • Meet Landing Page

    #react#sass/scss

    P
    Vassil•120
    Submitted 7 months ago

    1 comment
  • Grid Testimonials

    #sass/scss

    P
    Vassil•120
    Submitted 7 months ago

    1 comment
  • Four Card Section

    #sass/scss

    P
    Vassil•120
    Submitted 7 months ago

    1 comment
  • Product Review Card

    #sass/scss

    P
    Vassil•120
    Submitted 7 months ago

    1 comment
  • Recipe Card


    P
    Vassil•120
    Submitted 7 months ago

    1 comment
View more solutions

Latest comments

  • P
    Boris•4,110
    @makogeboris
    Submitted 3 months ago

    E-commerce product page with React | Tailwind CSS | Motion

    #react#tailwind-css#vite#motion
    3
    P
    Vassil•120
    @zaiiche
    Posted 3 months ago

    Aesthetically speaking, I really like the small changes you made from the original design overall. However, the discount price is more legible on the original design due to the high contrast. The washed out orange does not bring much attention to the discount, maybe even using a coral red would help.

  • P
    Carlos Eduardo Santos Oliveira•180
    @Carlos-Eduardo-S
    Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I am very proud to have finished the project, even more proud to have managed to create interaction with JavaScript.

    I don't know what I could have done differently, so I wouldn't change anything I did in this project.

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

    Without a doubt, it was JavaScript. I can't explain the difficulty of creating user interaction. My biggest challenge was making the interaction work. Every time I solved one problem, another appeared, and this went on for almost a week, with various workarounds and somewhat dubious coding.

    I managed to solve this problem by watching videos, testing code, customizing the code I saw in videos, and taking a quick interaction course, so that in the end, with all of this combined with a lot of reflection, I was able to create the necessary functions and continue with the code.

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

    I would like help with the JavaScript part. If there are other ways to do what I did, I would appreciate it if you could tell me. If you could also show me how to do it using addEventListener, I would be very grateful.

    HTML, CSS com flexbox e JavaScript

    1
    P
    Vassil•120
    @zaiiche
    Posted 3 months ago

    Good job

  • P
    thibault.deverge•310
    @thibault-deverge
    Submitted 9 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of how I organized my SCSS into different files and created reusable components, like the buttons and the 'indicator' with the number, all following the BEM methodology. I also managed to overcome my perfectionist tendencies—not aiming for exact pixel-perfect alignment but instead focusing on a smooth, cohesive design across all elements (though still very close to the original). I applied the Pareto principle here, balancing precision with efficiency.

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

    Making the layout responsive across all devices was a bit of a puzzle, but it worked out smoothly in the end. I focused on tackling each section one at a time, fully completing each before moving on, rather than coding all the HTML upfront and then styling everything at once.

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

    Everything that could be helpful. Thanks :)

    Meet Landing Page - Solution

    #sass/scss
    1
    P
    Vassil•120
    @zaiiche
    Posted 7 months ago

    Yea, I was pretty done with making this one work across many sizes. Good job!

  • P
    Mario Graf-Schantl•540
    @mariosearchteam
    Submitted 7 months ago

    Testimonials Grid HTML with SCSS

    #sass/scss
    1
    P
    Vassil•120
    @zaiiche
    Posted 7 months ago

    Here is a link to some drop-shadow styles https://getcssscan.com/css-box-shadow-examples?ref=css-3d-buttons-bottom

    Good luck!

    Marked as helpful
  • P
    mohamed-fathy3010•160
    @mohamed-fathy3010
    Submitted 7 months ago
    What specific areas of your project would you like help with?

    Any feedback is appreciated

    Four card feature section

    #sass/scss
    2
    P
    Vassil•120
    @zaiiche
    Posted 7 months ago

    Nice looking good, how did you align your images?

  • Lucas Schmitt•160
    @Louckoom
    Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    Proud of : A better understanding of flexbox, and the discovery of sass/scss. Next time : Better knowledge in sass/scss.

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

    Some padding / spacing issues, and also a missunderstanding of media query. I overcome them but learning more about it on web.dev on responsive page.

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

    It's alright, maybe somes intermediate media query size, i just did 375px and 1440px. But it's responsive yeay !

    Product Preview Card

    #sass/scss
    1
    P
    Vassil•120
    @zaiiche
    Posted 7 months ago

    keep up the good work fem!

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