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

Shakiba

@Shakiba-Alipour110 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

  • Newsletter Sign Up With Success Message


    Shakiba•110
    Submitted about 1 month ago

    1 comment
  • Article Preview Component


    Shakiba•110
    Submitted about 1 month ago

    1 comment
  • Testimonials Grid Section


    Shakiba•110
    Submitted about 1 month ago

    1 comment
  • Four-Card-Feature-Section


    Shakiba•110
    Submitted about 1 month ago

    1 comment
  • Product Preview Card Component


    Shakiba•110
    Submitted about 1 month ago

    1 comment
  • Recipe-Page


    Shakiba•110
    Submitted about 1 month ago

    1 comment
View more solutions

Latest comments

  • niloofar mousavi•30
    @niloofar77
    Submitted about 1 month ago

    Responsive Landing

    1
    Shakiba•110
    @Shakiba-Alipour
    Posted about 1 month ago

    Everything is good, but the position of elements must be reversed.

  • Haider786x•100
    @Haider786x
    Submitted about 1 month ago

    article

    1
    Shakiba•110
    @Shakiba-Alipour
    Posted about 1 month ago

    great!

  • Norton-Vinicius•90
    @Norton-Vinicius
    Submitted about 1 month ago
    What are you most proud of, and what would you do differently next time?

    I'm proud that I'm able to use the grid better. Before, it was a difficulty I had, and what I would do differently would be to make the layout more similar to the example.

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

    I had some difficulty organizing the name and the "Verified Graduate" seal, I tried in several ways, but I couldn't solve it.

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

    I would like help with the name and verification (Verified Graduate) part, as I was unable to organize it correctly. I would like to know what I did wrong so that it didn't work out.

    Attempted-resolution-to-Testimonials-grid-section-challenge

    2
    Shakiba•110
    @Shakiba-Alipour
    Posted about 1 month ago

    It is ok, but I recommend defining padding and specific height and width for the grid and its cells. Additionally you can center the card with this code: html { align-items: center; align-content: center; justify-items: center; }

  • pheight-89•180
    @pheight-89
    Submitted about 1 month ago
    What are you most proud of, and what would you do differently next time?

    I am most proud of learning how to use Tailwind CSS v-4 as it is the first time I have used Tailwind in general

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

    Working with the Tailwind framework. The setup was pretty straight forward. However, I had a hard time added the custom colors, and grid layout with Tailwind. However, after reading Tailwind documentation I was able to work through the issues.

    Four Card Feature Section

    2
    Shakiba•110
    @Shakiba-Alipour
    Posted about 1 month ago

    Good job!

  • Usieme Blessing Onome•50
    @usiemeblessing
    Submitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    I’m most proud of how closely I matched the design and made the layout fully responsive. Next time, I’d spend more time organizing my CSS for better readability and reuse, especially as projects grow in complexity.

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

    I initially struggled with stacking the image on top for the mobile view. I revisited how Flexbox works and used media queries to adjust the layout based on screen size.

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

    I would love to greatly improve my knowledge and application of media queries, positioning, and use of maximum and minimum values.

    Product preview card component

    1
    Shakiba•110
    @Shakiba-Alipour
    Posted about 1 month ago

    Awesome!

  • P
    Andrea Selmi•160
    @andreaselmi
    Submitted about 1 month ago
    What challenges did you encounter, and how did you overcome them?

    I haven't worked with Sass for years, so I had to read documentation before starting. It was nice to found new implementation like simple @use to import other scss files or @extend to join classes. Very cool 😎

    A Simple Recipe Page

    2
    Shakiba•110
    @Shakiba-Alipour
    Posted about 1 month ago

    Great Work!

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