Skip to content
OverviewSolutions
12
Comments
6

mkhantk

@mkhantk200 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

View more solutions

Latest comments

  • konraddissake1808•150
    @konraddissake1808
    What are you most proud of, and what would you do differently next time?

    It is my first trial with talwind css and after thouroughly studying the framework a I can now comfortably say I can do anything using it.

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

    The greatest challenges I faced was to get used to the classes but after experimenting with it for some time it becomes a second nature. And secondly I had issues with responsiveness due to the default breakpoints of the framework, but after adding more breakpoints in the tailwind.config.json, everything got good.

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

    The responsiveness of the page felt a bit off. I would appreciate some feedback on how it turns out.

    Testimonial grid section using tailwind css

    #tailwind-css
    1
    mkhantk•200
    @mkhantk

    My humble opinion is that too much fixed text value make it overflow at some point.

    Marked as helpful
  • mkhantk•200
    @mkhantk

    I think there are some differences in different browsers. It is best to cross-check it. I had the same experience like this one with chrome and firefox. Mine got fixed by adding more specific value like max-width: or min-width:.

  • davidmoreau2•140
    @davidmoreau2
    What are you most proud of, and what would you do differently next time?

    Learning how to use orderlist above list item to separate the number from the text. would like some help with how to get the numbers to the far left of the box

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

    changing the color of the numbers in the ingredient list. using other members code i was able to figure out how to accomplish thing in a clean way.

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

    the spacing of the list items and the placement of the nutrition facts. not sure how to get them to the left.

    recipe card main

    1
    mkhantk•200
    @mkhantk

    I think you did padding: 0; for li in Ingredients. just padding:20px would be much better. That's my opinion.

  • CHRIS BABU•90
    @chrisbabu9
    What are you most proud of, and what would you do differently next time?

    read more - write more

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

    nothing..it was easy

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

    not sure

    Mastering cards

    2
    mkhantk•200
    @mkhantk

    Just adding :hover should be enough.

  • Anthony Becarne•160
    @Abecarne
    What are you most proud of, and what would you do differently next time?

    As I just started web dev, I think that I did this one really quick. Around an hour in total.

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

    I struggle a bit with the margin of the text content (from "Learning" to the end of the paragraph) and learned about flex-grow

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

    Feel free to give me any feedback :)

    Blog Preview Card

    1
    mkhantk•200
    @mkhantk

    It's okay with the author's name with just div without adding p. I think this is okay in any way and it's just personal preference. Thanks.

  • PastaSus•320
    @PastaSus
    What are you most proud of, and what would you do differently next time?

    I improved my old code of this

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

    How to center a div, Center div in a div By googling them and relearning past learned concepts

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

    not sure, since i updated it with knowledge i gained over time

    qrcode component

    1
    mkhantk•200
    @mkhantk

    how about

    img {
  width: 300px;
}

    that should shrink the QR code altogether with the text under it. I'm not an expert, so this is just my humble opinion. You're welcome.