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

Maria Camila Montilla Orozco

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

  • Product list cart with REACT

    #react#tailwind-css

    Maria Camila Montilla Orozco•380
    Submitted about 10 hours ago

    0 comments
  • Result summary component with REACT

    #react#tailwind-css

    Maria Camila Montilla Orozco•380
    Submitted 4 days ago

    0 comments
  • Bookmark landing with HMT, TAILWIND CSS and JS


    Maria Camila Montilla Orozco•380
    Submitted 8 days ago

    1 comment
  • Room homepage HTML, CSS and JS


    Maria Camila Montilla Orozco•380
    Submitted 11 days ago

    1 comment
  • Loopstudios with HTML, CSS and JS


    Maria Camila Montilla Orozco•380
    Submitted 14 days ago

    1 comment
  • Card with HTML, CSS and SASS


    Maria Camila Montilla Orozco•380
    Submitted 15 days ago

    1 comment
View more solutions

Latest comments

  • Temesgen Adane•510
    @temesgen-982
    Submitted 11 days ago
    What are you most proud of, and what would you do differently next time?

    I have never seen anyone whine as much as typescript

    Product list with cart

    #svelte#tailwind-css#typescript
    1
    Maria Camila Montilla Orozco•380
    @MariaCMontO
    Posted about 10 hours ago

    It looks so different

  • Bunchydo•570
    @Bunchydo
    Submitted 2 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud that I was able to structure the project using React components effectively and learned how to pass props (including images and class names) between components. I also used CSS techniques like aspect-ratio and flexbox to style dynamic content, which made the layout more responsive.

    If I were to do this project again, I would plan the layout more carefully before coding, especially around spacing and alignment. Some styling issues took more time than expected because I didn't fully account for how CSS behaves in nested flex containers.

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

    One major challenge was getting the layout spacing (gap) and circular shape (border-radius: 50%) to work properly. I learned that some CSS properties (like aspect-ratio) only work well when the parent container allows flexible height, and that gap only applies when display: flex or display: grid is used.

    I overcame these issues by reviewing the parent container styles and adjusting the layout to support height expansion. I also broke components into smaller parts, which helped isolate bugs and made the code easier to maintain.

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

    I'd like feedback on the following:

    Am I using props in the most efficient and clean way, especially for passing styling classes and images?

    Is my component structure clean and reusable, or should I restructure anything?

    In terms of CSS: Are there better ways to manage layout spacing between elements (especially vertically), and how can I prevent layout issues like misaligned or non-scaling elements?

    Results Summary Component

    #react
    1
    Maria Camila Montilla Orozco•380
    @MariaCMontO
    Posted 4 days ago

    Nice!

  • Saif Fadhel•250
    @SaifFGit
    Submitted 15 days ago
    What specific areas of your project would you like help with?

    Just practice for fun. Please don't judge harshly. Mostly for learning

    bookmark-landing-page-master

    1
    Maria Camila Montilla Orozco•380
    @MariaCMontO
    Posted 8 days ago

    nice

  • Daniel•500
    @Dani234jf
    Submitted 19 days ago

    Responsive Room HomePage using GRID

    1
    Maria Camila Montilla Orozco•380
    @MariaCMontO
    Posted 11 days ago

    A Little bit different

  • Saif Fadhel•250
    @SaifFGit
    Submitted 24 days ago

    loopstudios-landing-page

    1
    Maria Camila Montilla Orozco•380
    @MariaCMontO
    Posted 14 days ago

    Nice!!

  • Mohsen Deniku•190
    @MohsenDeniku
    Submitted 15 days ago

    NFT Card project

    1
    Maria Camila Montilla Orozco•380
    @MariaCMontO
    Posted 15 days ago

    Nice

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