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

Christina A. Pascual

@devchris03Perú80 points

Hi, my name is Christina. I'm 24 years and I'm from Perú. I like to learn so therefore I'm here.

I’m currently learning...

I want to be Frontend Dev, so I'm learning by my self. Also I'm learning english. I'm here because I want to practice my skills.

Latest solutions

  • Responsive Four Card with CSS Grid

    #sass/scss

    P
    Christina A. Pascual•80
    Submitted 7 months ago

    How do you organize your project files when working with SASS on projects where less design is required?


    1 comment
  • Responsive with performance Product Preview

    #accessibility

    P
    Christina A. Pascual•80
    Submitted 8 months ago

    How do you get better performance using fonts?


    1 comment
  • Recipe Omellete with flexbox

    #accessibility

    P
    Christina A. Pascual•80
    Submitted 8 months ago

    How do you center the item markets? Do you leave them in their default position or use ::before or ::after for a more precise layout?


    1 comment
  • Social Links responsive


    P
    Christina A. Pascual•80
    Submitted 8 months ago

    How do you do to keep order in css


    2 comments
  • Blog card using variables


    P
    Christina A. Pascual•80
    Submitted 9 months ago

    What is your solution when there are repeating styles for certain elements? Do you make general styles and then overwrite them?


    1 comment
  • Solution with flex for qr code


    P
    Christina A. Pascual•80
    Submitted 9 months ago

    Could you recommend me good practices to establish styles in a more orderly way?


    1 comment

Latest comments

  • Elida (moon pie)•370
    @elidakirigo
    Submitted about 3 years ago

    four-card-feature-section

    #accessibility#sass/scss
    1
    P
    Christina A. Pascual•80
    @devchris03
    Posted 7 months ago

    The links to your project are broken

  • shivak818•120
    @shivak818
    Submitted 8 months ago

    product-card

    #accessibility
    1
    P
    Christina A. Pascual•80
    @devchris03
    Posted 8 months ago

    Well done, I would like to recommend some topics that will help you for your next challenge:

    • Indicating the width and height of the images in the html will help to avoid a jump when the page loads.
    • In the prices to position one next to the other you can use flex, it automatically positions them as a row.
  • 유지수•70
    @yujsoo
    Submitted 8 months ago

    Recipe page

    #accessibility#pure-css
    2
    P
    Christina A. Pascual•80
    @devchris03
    Posted 8 months ago

    I like your project, it is identical to the design.

  • jeevan-v-jijo•80
    @jeevan-v-jijo
    Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    Grouped Structure

    In the CSS I used separate classes to specify the font style and a different class to specify other styles and used two class names in the class attribute of the tag.

    Tags

    Used a variety of tags to infer special meaning to the tags

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

    I would like insight on the techniques that I used and to know if they were optimal or not.

    If not what are other better options to make it look more professional

    Social-link-profile-solution

    2
    P
    Christina A. Pascual•80
    @devchris03
    Posted 8 months ago

    You can use media queries to give certain layouts to certain screen sizes. All in all it is very good

  • zahia0204•30
    @zahia0204
    Submitted 9 months ago

    tasktwo

    1
    P
    Christina A. Pascual•80
    @devchris03
    Posted 9 months ago

    Very good job, it would be good if you could learn about flex, that will help you to align. Also look for the css property “border radius” that property creates the rounded borders, and another property you can learn is “box-shadow” is for the shadows. I hope I helped you.

    Marked as helpful
  • P
    Sai Dinesh Kopparthi•40
    @SaiDineshKopparthi
    Submitted 9 months ago
    What are you most proud of, and what would you do differently next time?

    I am proud of my determination and resilience in completing this project. When I started, I felt completely lost and unsure of how to proceed. As someone deeply passionate about backend development, transitioning towards becoming a full-stack developer has been challenging, especially in balancing my efforts on frontend development. Despite my initial struggles and thoughts of abandoning the project altogether, I managed to pick myself up and see it through to completion.

    I did take some help by referring to others' code and using ChatGPT to overcome certain hurdles. While these resources were valuable, I aspire to rely less on such assistance in the future, focusing more on independently solving problems. My goal is to further strengthen my skills and build confidence in tackling challenges on my own.

    Next time, I aim to:

    • Dedicate more time to planning and understanding the project requirements upfront.
    • Use external resources more judiciously, reserving them as a last resort.
    • Improve my knowledge and confidence in frontend development to achieve a more balanced skill set.

    This project has been a valuable learning experience, and I’m proud of the progress I’ve made despite the obstacles.

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

    One of the biggest challenges I faced was my limited knowledge of UI development. Specifically, I struggled with properly organizing and placing elements inside a div the way I wanted, which left me feeling completely lost at times.

    To overcome this, I decided to take a step back and seek out more structured resources. Going through tutorials and documentation helped me gain a better understanding of how to structure and style elements effectively. The more I practiced and applied the concepts, the more confident I became in working with the frontend.

    Although it was challenging at first, the process of learning and solving these UI-related problems was incredibly rewarding and has significantly improved my skills in this area.

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

    I would appreciate any guidance on improving the quality of my code. Specifically, I’m looking for suggestions on best practices or more efficient approaches to achieve the same outcomes. If there are any tools, patterns, or techniques that could help me write cleaner, more maintainable code, I would be grateful to learn about them.

    QR-Code-Component using CSS Flexbox

    2
    P
    Christina A. Pascual•80
    @devchris03
    Posted 9 months ago

    Your solution is very good

View more comments

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