Skip to content
OverviewSolutions
7
Comments
7
mahdyar
@Mahdyrll

All comments

  • Rafael Ibarra•120
    @rafbar2000rrSubmitted 23 days 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

    1
    mahdyar•120
    @MahdyrllPosted 17 days 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

    0
  • Xavier O.•80
    @XavOliSubmitted about 2 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

    1
    mahdyar•120
    @MahdyrllPosted about 1 month ago

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

    0
  • Tessy Samuel•100
    @VendysamSubmitted about 1 month 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

    1
    mahdyar•120
    @MahdyrllPosted about 1 month 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
    0
  • mahdyar•120
    @MahdyrllPosted about 2 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👍💯

    0
  • mahdyar•120
    @MahdyrllPosted about 2 months ago

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

    0
  • Julian Jones•60
    @JulianJ96Submitted about 2 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

    1
    mahdyar•120
    @MahdyrllPosted about 2 months ago

    perfect. as same as the original design

    Marked as helpful
    1
  • mahdyar•120
    @MahdyrllPosted about 2 months ago

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

    0