Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
11
Comments
13
mahdyar
@Mahdyrll

All comments

  • P
    Jdaans•210
    @Jdaans
    Submitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    nothing with this

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

    couldn't get the text to center in the buttons

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

    this was a little advanced for me so I just need to go back and learn some more

    tip calculator using grid

    1
    mahdyar•190
    @Mahdyrll
    Posted about 2 months ago

    No worries at all! Learning takes time — going back and reviewing is all part of the process. You've got this

  • Ghanim Ali•150
    @Takinda
    Submitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    this is my first try with tailwind, i find it hard to deal with but im giving it a chance

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

    i had to create my own custom scales from time to time

    tailwind

    #tailwind-css
    1
    mahdyar•190
    @Mahdyrll
    Posted about 2 months ago

    overall good. good luck

  • osunapc•60
    @osunapc
    Submitted 9 months ago
    What specific areas of your project would you like help with?

    Logic was a bit difficult for me and it is what I am studying to improve.

    responsive time tracking

    1
    mahdyar•190
    @Mahdyrll
    Posted 3 months ago

    most of the time you can get help from ai or people in discord, stack overflow and... good luck.

  • DocForLoop•610
    @DocForLoop
    Submitted 3 months ago
    What specific areas of your project would you like help with?

    Feedback is welcome!

    Time tracking dashboard with fetch

    #accessibility#bem#sass/scss#typescript#vite
    2
    mahdyar•190
    @Mahdyrll
    Posted 3 months ago

    overall, good but you can add cursor: pointer to make it better when hovering on those boxes. keep up the good work.

  • Munib ahmad•270
    @MunibAhmad-dev
    Submitted 4 months ago

    Tailwindcss

    #tailwind-css
    1
    mahdyar•190
    @Mahdyrll
    Posted 4 months ago

    background color doesn't match with the design. and border radius better be more to look like the design.

  • P
    Jaylen Baxter•340
    @JYLN
    Submitted 8 months ago
    What challenges did you encounter, and how did you overcome them?

    I did run into some issues with ensuring that the mobile overlay for the social media share buttons was aligned properly, but after playing with the padding for the container element I used for the card's footer and the container for the overlay, I was able to get things to line up fairly well.

    Article Preview Component using SvelteKit and Tailwind CSS

    #svelte#tailwind-css
    1
    mahdyar•190
    @Mahdyrll
    Posted 8 months ago

    perfect

  • Rafael Ibarra•120
    @rafbar2000rr
    Submitted 9 months ago
    What are you most proud of, and what would you do differently next time?

    I am proud of having learned how to do a table using grid. I would like to improve even more my coding to make it cleaner.

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

    I was given quotation marks, I didn' t know how to make them transparent so I could read the words under them. I found out asking chatGPT, which is a good help although it is not perfect, that using classes relative in its container, then classes absolute and mix-blend-overlay in the which I copied and pasted on the HTML solved the problem.

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

    I would like to know how to change the quotation marks color for it to be the same as the model given.

    Testimonials grid using tailwindcss, flexbox, grid

    #tailwind-css
    1
    mahdyar•190
    @Mahdyrll
    Posted 9 months ago

    totally good. but if you pay more attention to the space between the elements it can make it better and the background color is not dark. with tailwind i used this color: bg-gray-50. good luck

  • Xavier O.•80
    @XavOli
    Submitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    This was my first time using Tailwind to create my own solution. I had only done follow-along small projects before. Very proud of being able to get close to the solution.

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

    It was my first time trying to make this type of grid with blank spaces.

    Responsive page using Tailwind

    #tailwind-css
    1
    mahdyar•190
    @Mahdyrll
    Posted 9 months ago

    overall, it's good but the background color of boxes is white

  • Tessy Samuel•100
    @Vendysam
    Submitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    I recently started learning how to use Tailwind CSS and I used it in this project

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

    I just had a little struggle navigating Tailwind

    I used Tailwind CSS

    #tailwind-css
    1
    mahdyar•190
    @Mahdyrll
    Posted 10 months ago

    make the button border rounder. right side has too much padding and a little empty spaces around it. the width and the font size of the texts are not the same. at the end, the space between price elements are a lot. good luck in the next project.

    Marked as helpful
  • Alexandre Melo•20
    @xandymelo
    Submitted over 1 year ago

    responsive using tailwind

    #tailwind-css
    1
    mahdyar•190
    @Mahdyrll
    Posted 10 months ago

    overall, it's good but you can increase the padding for main div and and try to choose the right font weight. good luck👍💯

  • Sohrab Hossain•40
    @planner-sohrab
    Submitted 10 months ago

    Social links profile

    #tailwind-css
    1
    mahdyar•190
    @Mahdyrll
    Posted 10 months ago

    I think the component is not in the center. margin-left/right: auto can be helpful.

  • Julian Jones•80
    @JulianJ96
    Submitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    I'm most proud of getting used to tailwind more, converting all the Figma styles used in the Figma download, and converting it to tailwind correctly. Next time, I would try to get the text to increase in size a bit more without using media queries because I did not read that in the "test yourself" section.

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

    The challenge that I encountered the most was trying to get the specific sizes for the card itself and the padding correctly in tailwind from memory without looking at the documentation. I overcame this problem by looking at the documentation again but most of the styling, I did from memory so I can tell I'm improving.

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

    I would say I'm ok for now with basic stuff like this but I know I'm going to have a lot more questions regarding help and feedback as I move onto landing pages and more fleshed-out web pages but I'm thankful for the challenge nonetheless as this is great for getting me used to tailwind.

    Responsive Blog Preview Card using TailwindCSS

    #tailwind-css
    1
    mahdyar•190
    @Mahdyrll
    Posted 10 months ago

    perfect. as same as the original design

    Marked as helpful
  • dasbearchan•10
    @dasbearchan
    Submitted 10 months ago

    QR Code Component

    #react
    1
    mahdyar•190
    @Mahdyrll
    Posted 10 months ago

    the width and the font size of p tag are not the same as the original, i guess. check the original UI.

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

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