Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
5
Comments
8
Kyle
@kylecreate

All comments

  • 13reath•330
    @13reath
    Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    Have been using react for it , so not html , but jsx First time making mobile-first then desktop version, it is much easier in these project at least

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

    Hard to style so many mistakes in things that I already know how to do.

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

    I didn't recreate desktop click effect, but made mobile one and adapted for desktop. I guess desktop one was made with :before :after css styles, or idk. Any ideas on how to make it?

    Article preview component

    1
    Kyle•110
    @kylecreate
    Posted 3 months ago

    Looks good!

  • Anwar Mestycer•440
    @AnwarMestycer
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    Build grid layout using TailwindCSS.

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

    Working with Tailwind for the first time to build a responsive layout was very challenging, and I gained tons of new information. The official documentation was sufficient, and I strongly recommend it.

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

    Obviously, i need some help to make it match the design perfectly and some help with tailwind best practices and how to make it fit well on all screens

    Testimonial-grid-section

    1
    Kyle•110
    @kylecreate
    Posted over 1 year ago

    I like what you did with this. Looks very good!

  • Vitor Souza•240
    @souza-vitor
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    I started looking at Grid CSS, I believe it is the best option for this project.

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

    I had problems centering the cards in the right position, I had to research and experiment a lot until I got it right.

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

    I still have a lot to learn with grid, any help would be welcome.

    four-card-feature-section

    1
    Kyle•110
    @kylecreate
    Posted over 1 year ago

    Looks very good!

  • Shaun Pour•630
    @ShaunPour
    Submitted almost 3 years ago
    What are you most proud of, and what would you do differently next time?

    Despite not being specifically designed for it, 99% of the design is functional for 1440p monitors and tablets. It would only need a few slight tweaks to be more visually consistent with the other devices it is designed for.

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

    The html had to be rewritten several times to allow the design to be made responsive enough to work on larger screen sizes.

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

    In general, I feel like the core element is too large and would go back and shrink it down somewhat if I ever return to this project.

    Mobile First Responsive Product Preview Card

    2
    Kyle•110
    @kylecreate
    Posted over 1 year ago

    Apologies for necro-posting on your project. I just finished this and it recommenced I give feedback on yours.

    The font, padding, and margin on your entire project isn't showing and has everything to the left. Other than that, it looks good!

    Marked as helpful
  • NovikovIlya•910
    @NovikovIlya
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    ;)

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

    ;)

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

    ;)

    Recipe page

    1
    Kyle•110
    @kylecreate
    Posted over 1 year ago

    Looks good!

  • Akhil•40
    @code-sura
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    Coming up with a different colour palette and interactions

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

    Buttons were little challenging to code with interactivity

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

    None

    Responsive Social Links profile card

    1
    Kyle•110
    @kylecreate
    Posted over 1 year ago

    I really enjoy what you did with this project to make it your own. You may have just inspired me to do something similar in the future. My only feedback is to bring the whole profile down a bit to center it within the window and to make your tag at the bottom just a touch smaller. Other than that, great job!

  • Harmon•260
    @HarmonJavier01
    Submitted over 1 year ago

    blog-preview-card

    1
    Kyle•110
    @kylecreate
    Posted over 1 year ago

    Nicely done!

    Marked as helpful
  • lamghari-ayb•40
    @lamghari-ayb
    Submitted over 1 year ago

    QR code component

    1
    Kyle•110
    @kylecreate
    Posted over 1 year ago

    Hi there! Congrats on completing this project. I know my feedback is late, but it's better than not having any at all. Here's my findings.

    HTML

    1. Clean up the file a bit by removing the comments that were provided originally.
    2. Fix the capitalization of the first letter of each word for the heading and paragraph.
    3. Add a meta tag for the author (which includes your name) and a description (so sites like Google can show what your page is about. Good to know for the future.
    4. Remove the empty style tags in the head tag since they're not being used.

    CSS

    1. Add some padding to the h1, paragraph, image, and overall card to match the solution.

    Other than that, great job and good luck on your journey!

    Marked as helpful
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