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

rocio

@rocioizqBarcelona390 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!

I’m currently learning...

HTML, CSS, JS, CYPRESS, REACT

Latest solutions

  • Calculator (REACT + VITE)

    #vite#react

    rocio•390
    Submitted about 1 month ago

    Yes, I would like to receive feedback


    1 comment
  • Social media dashboard (REACT + CYPRESS)

    #react#vite#cypress

    rocio•390
    Submitted about 2 months ago

    Any comments will help me improve


    0 comments
  • Time Tracking (REACT + CYPRESS)

    #react#vite#cypress

    rocio•390
    Submitted about 2 months ago

    I would like to receive feedback so I can continue improving and moving forward


    0 comments
  • (REACT + VITE) SOCIAL PROOF

    #react#vite

    rocio•390
    Submitted 2 months ago

    I would like to receive all possible corrections like this I can improve


    0 comments
  • SOCIAL LINKS (REACT + CSS)

    #react#vite

    rocio•390
    Submitted 2 months ago

    I'm learning React, so I'd love some advice or feedback so I can keep improving


    0 comments
  • RESPONSIVE 3 COLUMN (REACT + CSS)

    #react

    rocio•390
    Submitted 2 months ago

    I would like any help and feedback to improve my path to becoming a front-end developer


    0 comments
View more solutions

Latest comments

  • amarhjustice•20
    @amarhjustice
    Submitted about 1 year ago
    What specific areas of your project would you like help with?

    Will like to improve my backend skill

    Responsive Product Preview

    2
    rocio•390
    @rocioizq
    Posted about 1 year ago

    Congratulations on completing the challenge.

    Here’s a tip: when making the responsive design, be careful because the image gets distorted a lot. Try not to add too many @media queries for screens; 1 or 2 is enough.

    You did a good job!

  • Mohammed Majd•120
    @MajdMohammed
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I am proud I could build my first good responsive design using media queries.

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

    Some of the challenges are:

    • How to create the same layouts as the design given in the challenge (I used Flex at the end)
    • How to switch between different sizes of the same image for my responsive layout.
    • How to fix breakpoints on the small screens related to width and height mistakes.

    I overcome most of my problems thanks to @alexKmarshall on the Discord community. his feedback helped me a lot.

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

    I need help in different areas, to be honest. I only know a bit about each area ^^

    Product Preview Card Component | Responsive Design

    #accessibility
    1
    rocio•390
    @rocioizq
    Posted about 1 year ago

    I think your code is very good! You did a great job! Keep it up.

  • Prithi•10
    @preethi0601
    Submitted about 1 year ago

    Social links profile

    1
    rocio•390
    @rocioizq
    Posted about 1 year ago

    Congratulations on completing the challenge!!

    I have a suggestion for you:

    You should work on the responsive design so that you can see it well on all devices, start with the responsive design first and then move on to the desktop. Also, the text for the location is very separated from the text for the profession, you should fix it so that everything looks perfect and at the same distance.

    You did a great job!!

  • Carl Eder P. Ballenas•290
    @CarlTheBeginner
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I Created it using HTML & CSS, Hope you love my work!

    Blog Preview Card ( HTML & CSS )

    1
    rocio•390
    @rocioizq
    Posted about 1 year ago

    I think you did a great job, congratulations on completing it and on continuing to learn!

  • Juned Shaikh•80
    @JUNEDSK
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    Feel good to make card and next time will try to change the them

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

    To make it resposive is bit challenging but i have added the media query and its worked

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

    Try to make less div classes name should be proper

    flex and mediaquery

    2
    rocio•390
    @rocioizq
    Posted about 1 year ago

    Hi! Congratulations on completing the exercise!

    I wanted to see the code you wrote, but it says your repository on GitHub can't be found, so check that. But at first glance, it looks good!

  • Swaminathan•160
    @Swminthn
    Submitted almost 2 years ago
    What are you most proud of, and what would you do differently next time?

    :completed

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

    check and support

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

    responsive

    QR-Code-Component-Design

    2
    rocio•390
    @rocioizq
    Posted about 1 year ago

    The QR code is too large; you should correct the dimensions, and it's better if you create the CSS separately and not in the same HTML file. You did a good job.

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