Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
20
Comments
18
tiedej2000
@tiedej2000

All comments

  • P
    Trần Thành Danh•1,500
    @TranDanh1122
    Submitted 7 months ago
    What specific areas of your project would you like help with?

    i try to make it simple, but maybe i fail when setup html template, this transition so bad. welcome any idea & comment

    btw: Happy new year!

    Room HomePage

    1
    tiedej2000•340
    @tiedej2000
    Posted 7 months ago

    your hero has overlapping content

  • P
    Trần Thành Danh•1,500
    @TranDanh1122
    Submitted 7 months ago
    What specific areas of your project would you like help with?

    srcset and size not workwell with dev tools, or maybe i make some bug, im stuck here 30min and only work when i use Mobile Simulator to test. I dont know why, welcome any idea and comment

    LoopStudio [PureCSS]

    1
    tiedej2000•340
    @tiedej2000
    Posted 7 months ago

    dekstop view looks good, mobile view has some problems. Text is missing, a picture is mission and paddings are off

  • Cem KAPLAN•220
    @uixcem
    Submitted 7 months ago

    NFT Card Solution

    1
    tiedej2000•340
    @tiedej2000
    Posted 7 months ago

    .card__img::after is spilling and the before class is also tinted cyan. Rest looks very good!

  • P
    Trần Thành Danh•1,500
    @TranDanh1122
    Submitted 7 months ago
    What challenges did you encounter, and how did you overcome them?

    I write slider by my-self with pure js Ok that not good at all, maybe horrible, but i learned alot about transition and check visible by js code

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

    I try my best, that not easy at all, it took me ~8h (~5 for slider lol). Welcom any idea and comment, now i rework this challenge with Tailwind CSS and Slick/Swipper...etc, Let see how speed is it

    Ecommerce Product [With My Slider, No Library, Pure CSS + JS only]

    1
    tiedej2000•340
    @tiedej2000
    Posted 7 months ago

    nice!

  • P
    Yulia•720
    @YuliaLantzberg
    Submitted 7 months ago
    What specific areas of your project would you like help with?

    I'd like to use less height and width properties.

    News Homepage using Css Grid, Less and Vanilla JS

    1
    tiedej2000•340
    @tiedej2000
    Posted 7 months ago

    main section height proportions are off. image in mobile view is overlapping content. rest looks good, sidebar is working fine

  • Dagmawi Milkias•90
    @Dagi2004
    Submitted 11 months ago

    Formik , React Library Contact Form

    1
    tiedej2000•340
    @tiedej2000
    Posted 7 months ago

    looks good!

  • Aboubakr Elbouzidi•670
    @Aboubakr06
    Submitted 8 months ago

    FAQ accordion solution

    1
    tiedej2000•340
    @tiedej2000
    Posted 7 months ago

    looks great!

  • Ejiro Frances•390
    @Ejiro-Frances
    Submitted 7 months ago

    Interactive rating component

    1
    tiedej2000•340
    @tiedej2000
    Posted 7 months ago

    great solution :)

  • Faith Achieng•190
    @FaithAchieng
    Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    That I completed this work without help. Next time I will try to finish the challenges within a Day.

    Tip App calculator

    1
    tiedej2000•340
    @tiedej2000
    Posted 7 months ago

    custom tip amount doesnt work, and the reset button could reset the display values too, everything else looks fine

  • b_Root•210
    @LizunYuri
    Submitted 7 months ago

    Time tracking dashboard

    1
    tiedej2000•340
    @tiedej2000
    Posted 7 months ago

    broken view

  • P
    Richard•410
    @Richard1876
    Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    to get the email validate before it is send

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

    i was having difficulty with validating the email before sending it, but i search far and wide for a solution

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

    Feedback is welcome

    Newsletter-sign-up-with-success-message-main

    1
    tiedej2000•340
    @tiedej2000
    Posted 7 months ago

    feedback on the input field when typing an invalid email would be nice, you can change input type to text for that(via type email the browser forces it). remove border style from button to make it visually more appealing. otherwise great job!

  • calvinvin•1,060
    @calvinvin
    Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    It took me a while to re-design the HTML and CSS when starting mobile design after finishing desktop design (basically where the wrapper/container divs should be). I should inspect the design images more carefully and think more thoroughly before I start writing codes.

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

    What I learned:

    1. how to make triangle shape by setting border properties on a div.
    2. more familiar with "position: absolute", "transform: ...", "object-position" CSS properties.
    3. the use of <svg>. I should use <svg> tag instead of import the svg by <img> or <object>, so that I can change the "fill" property (the color of curved arrow on share-button) by CSS.
    4. Any click event on <object> element would be captured by whatever is inside the <object> element, and doesn't bubble it back out. So in order to make icon-facebook (which is imported by <object> element) part of <a> element and clickable, I just have to add "pointer-events: none" to the <object> element.
    5. I should use "visibility: hidden" instead of "display: none" on div.share-links-wrapper when share-button not active. If I pop up the div.share-links-wrapper by changing "display: none" to "display: flex", the layout was re-calculated and cause a transient whole layout shift during transition.
    6. to make an element visible when overlapped with "position: absolute" element, I just need to set "position: relative" and increase the Z-index on the element.
    What specific areas of your project would you like help with?

    What's the exact layout method that align the drawers image and the article content? I use grid with "grid-template-columns: auto auto", but the widths of the two components were not the same as example.

    article-preview-component

    1
    tiedej2000•340
    @tiedej2000
    Posted 7 months ago

    excellent execution :)

  • rofeehart•240
    @rofeehart
    Submitted 10 months ago

    testimonial grid section

    1
    tiedej2000•340
    @tiedej2000
    Posted 7 months ago

    try to implent the mobile view too. You can put the svg in the background using(background-image).

  • Thalesmar•80
    @Thalesmar
    Submitted 7 months ago

    four-card-feature-section-master

    2
    tiedej2000•340
    @tiedej2000
    Posted 7 months ago

    both desktop and mobile views look good, keep going :)

  • William Anthony•240
    @wpittman06
    Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    Getting it done. Learning flexbox and grid to create this was hard but I got through it

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

    Learn Flexbox and grid. It wasn't intuitive in the beginning but it started making sense

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

    Refactoring is always an ask and just thoughts on how I could've done it differently.

    Product preview card

    2
    tiedej2000•340
    @tiedej2000
    Posted 7 months ago

    making prices a list adds clutter, the button should not have the same bg color as the site. picture is also way to big. try to add a wrapper around the preview to scale down the whole thing.

  • vitoriaraso•60
    @vitoriaraso
    Submitted 8 months ago

    Recipe Page Challenge

    1
    tiedej2000•340
    @tiedej2000
    Posted 8 months ago

    looks good keep going

    Marked as helpful
  • f-lebouc•20
    @f-lebouc
    Submitted 8 months ago

    i don't know

    1
    tiedej2000•340
    @tiedej2000
    Posted 8 months ago

    wrong subtext color but looks good :)

  • Kseniia Masna•50
    @KseniiaMasna
    Submitted 8 months ago

    QR code component

    2
    tiedej2000•340
    @tiedej2000
    Posted 8 months ago

    looks good :)

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

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