Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
6
Comments
5
manuel360
@manuel360

All comments

  • Yiorgos Bagakis•190
    @yiorgosbagakis
    Submitted 9 months ago
    What are you most proud of, and what would you do differently next time?

    I focused on trying css grid (which I don't use usually because I feel more comfortable with flexbox). I also used Tachyons again partly since there is no css grid classes in tachyons (as far as I know at least).

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

    Working on the sizes and colours without having the Figma designs was a bit time consuming. I can always bring a screenshot on Figma and take from there exact measurements, which I partly do, but this is very time consuming and I don't want to spend so much time on it. So the layout is not pixel perfect but accurate enough for what I want to achieve.

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

    Semantic html choices. I was a bit puzzled and not sure if I made the right choices at the end.

    Responsive grid card layout

    2
    manuel360•110
    @manuel360
    Posted 9 months ago

    Great work!!. But one thing i would like to say about your layout is your width(grid-column-templates) and your height(grid-row-templates), make the column about 10-20rem wider with some minmax and 1fr and make the row auto.

    Marked as helpful
  • Allan Sancley•130
    @AllanSancley
    Submitted 9 months ago

    Card feature section (CSS flexbox + grid)

    3
    manuel360•110
    @manuel360
    Posted 9 months ago

    Great layout cheers 🥂 my only problem was the box shadow it was only at the bottom of the card but apart from that 👌

  • Andymiguel25•80
    @Andymiguel25
    Submitted 9 months ago
    What challenges did you encounter, and how did you overcome them?

    media query was challenging but i'm getting it

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

    Media query, understanding fonts

    Responsive Product Preview

    1
    manuel360•110
    @manuel360
    Posted 9 months ago

    The layout was quite the same but the items weren't inside the container adjust your width whether by increasing it to contain the items

  • Yosef Hayim•210
    @YosefHayim
    Submitted 10 months ago

    Qr code component main challenge

    1
    manuel360•110
    @manuel360
    Posted 10 months ago

    I don't really know i think the solution card is a little toward the bottom so pls check your card well

    Marked as helpful
  • Stefan Bojkovski•720
    @xStephx
    Submitted 10 months ago

    Solution Bento grid

    #tailwind-css
    6
    manuel360•110
    @manuel360
    Posted 10 months ago

    Are you only good at tailwind or you can also do Bootstrap too?

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