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

Lara Mesa

@Lara-artCanary Islands, Spain250 points

❤ Amor por el Diseño web y el modelado 3D 🖥 Junior Frontend Developer. React.

Latest solutions

  • Newsletter


    Lara Mesa•250
    Submitted 5 months ago

    1 comment
  • Article preview component


    Lara Mesa•250
    Submitted 5 months ago

    I'd like to know what's the best way to use ::after.


    1 comment
  • Testimonials-grid-section solution


    Lara Mesa•250
    Submitted 11 months ago

    Could I have solved it without using grid-template-areas?


    1 comment
  • Four card feature section solution


    Lara Mesa•250
    Submitted 11 months ago

    How can I know the size of the exercise elements? Was there another way to place the image in that position?


    1 comment
  • Product preview card component solution


    Lara Mesa•250
    Submitted 12 months ago

    I'd like to know the best way to find the average of the grid.


    1 comment
  • Recipe page solution


    Lara Mesa•250
    Submitted 12 months ago

    I’m not sure if the solution I gave for the image in the media query is the best one. How could I improve it?


    1 comment
View more solutions

Latest comments

  • Kaviyaa88•160
    @Kaviyaa88
    Submitted 5 months ago

    Newsletter Sign Up Form

    2
    Lara Mesa•250
    @Lara-art
    Posted 5 months ago

    Hey! 🙌
    Your work is impeccable. I love that you did everything with React and Vite because it makes it reusable in other parts of the website. The only downside is that you didn’t include where you deployed it in the README, so it can’t be tested. Make sure to add it so potential clients can try it out.

    Great job, congratulations! 🎉

    Marked as helpful
  • FranekHincmann•310
    @FranekHincmann
    Submitted 9 months ago

    My Solution to - article preview component master

    1
    Lara Mesa•250
    @Lara-art
    Posted 5 months ago

    Hi! 🙌

    It's a good solution, but there's a problem. When you click the .share button, all the content shifts. After checking, I noticed it's because the .social-media div is outside the footer. If you move it inside, the content won't shift, but you'd also need to adjust the CSS a bit:

      top: -70%;
      left: -20%;
      display: none;
    

    And remove overflow: hidden; because it cuts off the .social-media div if you want to move it inside the footer.

    And @media doesn't works

  • Konrad•370
    @konradbaczyk
    Submitted 11 months ago
    What challenges did you encounter, and how did you overcome them?

    The biggest challenge was positioning cards with only grid on different screen sizes. I wanted to learn more using grid so I read some MDN articles to better understand how to use grid. Finally cards are on the right positions :)

    Testimonials-grid-section

    1
    Lara Mesa•250
    @Lara-art
    Posted 11 months ago

    Heeey! 👋 Yeah, grid can be tricky at first, but I think you've done a great job.

    The way you did it is perfect, and you could have also solved it using grid-template-areas, which might seem a bit odd at first. Here’s a link if you want to check it out: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas.

    Keep it up, your solution is awesome!

  • Tebza•210
    @Teboho-Xaba
    Submitted about 2 years ago

    Four Card feature section

    1
    Lara Mesa•250
    @Lara-art
    Posted 11 months ago

    Heyyy! 👋 Your solution looks a lot like the one we were given, congrats!

    However, I noticed the images aren't showing up because the URL is incorrect. Since they're in the same parent directory, you just need to add a "/", so it should be <img src="/images/icon-supervisor.svg" alt="">.

    Everything else looks great. I did the exercise differently, but I find your approach easier.

    Marked as helpful
  • Eslam Mohamed•290
    @Eslam-Mohamed-G
    Submitted 12 months ago

    product-preview-card-component-main

    1
    Lara Mesa•250
    @Lara-art
    Posted 12 months ago

    Hey there 👋I was checking out your GitHub and it looks awesome. Your way of structuring the code is very readable, it looks a lot like the original. The only mistake I noticed is that you didn't use class="fa-solid" in the CSS, but it's no big deal. Great job!

    Marked as helpful
  • Raj Kumar Mannam•100
    @RajKumar-612
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    Did most of the task on my own, but took help on some of the styling.

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

    css challenges on the table,list and some alignments, took help of chatgpt and online resources

    Recipe-page

    1
    Lara Mesa•250
    @Lara-art
    Posted 12 months ago

    Hi! 👋First of all, congratulations on completing the exercise. I checked your GitHub and wanted to mention a couple of things: use the <section> tag to separate each of the blocks, even if you later use <div>, because this helps other developers understand your HTML better. Also, the image appears stretched—try using: img { width: 100%; } It will look better. Good luck with the next project! ❤

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