Skip to content
  • Learning paths
  • Challenges
  • Solutions
  • Articles
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
17
Comments
4

Carlito

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

  • Responsive Page using CSS Grid and Selectors


    Carlito•210
    Submitted 10 months ago

    on picture tag Is there any other way to manipulate it rather than transform translate it makes the page bigger on inspect.


    1 comment
  • Selectors Recipe Page


    Carlito•210
    Submitted 10 months ago

    I want a clean code where its easy to understand.


    1 comment
  • GRID FLEX


    Carlito•210
    Submitted over 1 year ago

    0 comments
  • GRID | ALL VANILLA | Responsive | SEMANTIC


    Carlito•210
    Submitted over 1 year ago

    0 comments
  • Semantic?


    Carlito•210
    Submitted over 1 year ago

    0 comments
  • Vanilla JS | Radio buttons


    Carlito•210
    Submitted over 1 year ago

    0 comments
View more solutions

Latest comments

  • Carlito•210
    @Introxiety
    Submitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    I’m just proud that I finished it and learned many things, especially about CSS Grid. I knew it before, but this exercise gave me a refreshing update on CSS Grid

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

    The layout was definitely a challenge. I initially used a flex layout but encountered overlapping issues. I asked for help on the Discord help tag and received advice to use CSS Grid.

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

    on picture tag Is there any other way to manipulate it rather than transform translate it makes the page bigger on inspect.

    Responsive Page using CSS Grid and Selectors

    1
    Carlito•210
    @Introxiety
    Posted 10 months ago

    Why in Git page the h1 is alright but in the screenshot its different.

  • KhaledAlaa12•170
    @KhaledAlaa12
    Submitted over 1 year ago

    Huddle landing page with a single introductory section

    1
    Carlito•210
    @Introxiety
    Posted over 1 year ago

    I'm a newbie just like you but I see you use margin a lot, I've been told to limit on using it instead use gap.

    Marked as helpful
  • Anthony Licata•170
    @anthonyplicata
    Submitted over 1 year ago

    Responsive 4 Card Layout

    2
    Carlito•210
    @Introxiety
    Posted over 1 year ago

    I'm a newbie just like you but one thing I've seen you've done wrong is you use margin-top to layout the 4 cards, you can layout your grid by having 3 columns and four rows and then position them using grid-area, I don't know if you get it but its better if you can do your own research on it, its easy to find.

    share this on discord server and post it on help section, people there who have better experience than me will give you feedbacks.

  • Carlito•210
    @Introxiety
    Submitted over 1 year ago

    CSS GRID & FLEXBOX

    1
    Carlito•210
    @Introxiety
    Posted over 1 year ago

    How can I select the 3rd row in my grid template because I want to put gap in it.

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