Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
7
Comments
7

tsuki - 青

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

  • testimonials-grid-section-main


    tsuki - 青•120
    Submitted 11 months ago

    2 comments
  • GRID Four Card Feature Section


    tsuki - 青•120
    Submitted 11 months ago

    1 comment
  • Responsive landing Chanel Parfum Card


    tsuki - 青•120
    Submitted 11 months ago

    1 comment
  • Omelette Recipe page


    tsuki - 青•120
    Submitted 11 months ago

    1 comment
  • Responsive Social Link Card


    tsuki - 青•120
    Submitted 11 months ago

    1 comment
  • Responsive CARD ID - 26/08


    tsuki - 青•120
    Submitted 11 months ago

    1 comment
View more solutions

Latest comments

  • Carlos Maracara👷👨‍💻•800
    @MaracaraCarlos
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    Built with:

    • Semantic HTML5 markup ✨
    • Flexbox 🤸‍♂️
    • CSS Grid 🌐

    Testimonial Grid

    1
    tsuki - 青•120
    @tsukiyx
    Posted 11 months ago

    Good, pal

  • Muhammad Naeemuddin•100
    @NaeemSlayer
    Submitted 11 months ago
    What challenges did you encounter, and how did you overcome them?

    Aligning the cards on the desktop resolution...

    Four card feature section using flexbox and grid

    1
    tsuki - 青•120
    @tsukiyx
    Posted 11 months ago

    Well done, I did this challenge not pixel perfect, and make some mistakes; ur overlay is too good.

    Marked as helpful
  • Kitalphar•280
    @Kitalphar
    Submitted 11 months ago
    What challenges did you encounter, and how did you overcome them?

    First time using srcset on images and it took some back and forth to get it working, on the mobile design the image also seems to behave a little differently on chrome and firefox, i didn't manage to figure out why.

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

    I suppose the only thing i'm wondering about is the srcset, should i have nested the img in a picture element instead, or am i going at it completely wrong?

    Product preview card component

    2
    tsuki - 青•120
    @tsukiyx
    Posted 11 months ago

    Very well done, I suffered making the image look good

  • FranciscoDavidCampuzanoMelgarejo•130
    @FranciscoDavidCampuzanoMelgarejo
    Submitted 11 months ago
    What are you most proud of, and what would you do differently next time?

    I'm quite proud of the final result. I think it adapts very well to small, intermediate and large devices. Code decently structured and trying to fulfill all the requirements of the challenge.

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

    The most difficult thing was reusing CSS classes (mainly for lists) and structuring the code well. I also had a bit of trouble making it responsive for large devices.

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

    Mainly I would like to receive advice on how to better structure the code and implement good practices regarding layout with HTML and the reuse of CSS code with classes.

    Recipe page using basic HTML and CSS (mobile first design)

    2
    tsuki - 青•120
    @tsukiyx
    Posted 11 months ago

    Well done

  • Andrew Raphael•110
    @AndDevI
    Submitted 11 months ago

    Javascript

    1
    tsuki - 青•120
    @tsukiyx
    Posted 11 months ago

    good design

    Marked as helpful
  • P
    Marcus•120
    @222sucram
    Submitted 11 months ago
    What are you most proud of, and what would you do differently next time?

    I improved my use of flexbox for responsive design and feel more confident creating layouts faster. I'm also improving at using working from the Figma design files and trying to get the final design as close to the brief as possible.

    Next time I would try to get the design 100% the same as the figma file, and also use semantic HTML for completely.

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

    I had trouble with the yellow background on the tag, and getting it's exact sizing correct, in the end I just went with adding more padding.

    Blog Preview Card - HTML, CSS, Responsive Design

    1
    tsuki - 青•120
    @tsukiyx
    Posted 11 months ago

    Muy buena solución.

View more comments
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