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

Josephine Fitalvo

@fitalvojosephinePhilippines280 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...

I'm currently focusing on learning HTML, CSS, JavaScript, React, and Axios to become a frontend developer and eventually a fullstack web developer. 🧑‍💻

Latest solutions

  • Newsletter sign-up form with success message using HTML, CSS, JS.

    #bem

    Josephine Fitalvo•280
    Submitted 11 months ago

    So far none. #HappyCodingEveryone


    1 comment
  • Article Preview Component

    #bem

    Josephine Fitalvo•280
    Submitted 12 months ago

    So far, none. Kindly give me some feedback to improve my coding skills. Thank you! #HappyCodingEveryone


    1 comment
  • Clipboard Landing Page


    Josephine Fitalvo•280
    Submitted 12 months ago

    Need more feedback to improve my coding skills. Thank you. I appreciated all your feedbacks :)


    0 comments
  • NFT Preview Card Component

    #accessibility#bem

    Josephine Fitalvo•280
    Submitted 12 months ago

    Feedback more, please. I will continue the eye layer. Happy coding everyone :)


    1 comment
  • 3-Column Preview Card Component

    #bem

    Josephine Fitalvo•280
    Submitted 12 months ago

    So far none :) #happycodingeveryone


    0 comments
  • Suite Landing Page


    Josephine Fitalvo•280
    Submitted 12 months ago

    Please provide some feed back to improve this design thank you! :)


    0 comments
View more solutions

Latest comments

  • Aryarishi Sikdar•270
    @ArryBlack
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I'm glad that I was able to manage the state, store and send the user's information on a static site with vanilla JS.

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

    Managing the state of the variable, storing and sending the email id to a different page on a static site. I used local storage to overcome this issue.

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

    Any and all feedback is appreciated!

    Newsletter signup with vanilla CSS and JS

    #bem
    1
    Josephine Fitalvo•280
    @fitalvojosephine
    Posted 11 months ago

    I think the design layout and proper sizing of fonts and padding need improvement. The visual hierarchy could also be enhanced. Overall, everything is good and working. Nice job. Continue coding and learning from each other's code. Happy coding!

    Marked as helpful
  • matbac85•600
    @matbac85
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I'm happy with the result.

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

    I wasted a lot of time trying to change the color of the share button when it is active. I went to stack overflow and found the solution.

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

    I can't see anything at the moment.

    Responsive and interactive article preview component

    #bem
    1
    Josephine Fitalvo•280
    @fitalvojosephine
    Posted 12 months ago

    There is an issue with the responsiveness of the image; it collapses when I resize the screen. It becomes compressed and doesn’t fit properly within its container, making it look like it can’t breathe when I adjust the screen size.

    Marked as helpful
  • Yejin Han (한예진)•270
    @Yejin-Han
    Submitted 12 months ago
    What are you most proud of, and what would you do differently next time?

    Nothing special.. but I think my work can correspond to all screen widths.

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

    I wonder how to make the card responsive and at the same time how to keep the same ratio of the desktop size. So I used vw to correspond to all device widths.

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

    First of all, I'm not English speaker, so please understand it.

    I want to know that my coding style in HTML, CSS is acceptable in real work. I'm in web publishing work, and my direct boss told me your style is a bit strange. I don't know where the problem is.

    And also, when we build some responsive design, if the width and height of the body or section is full of the screen as they are now, if properties that are not flexible as vw/vh (such as font-size), there is a risk that the text will be pushed out and the content will go out of the screen height. But at the same time, I wonder if it's right to work with vw/vh like what I've done this time.

    Thank you for your answer.

    Responsive NFT preview card component

    #bem#sass/scss
    1
    Josephine Fitalvo•280
    @fitalvojosephine
    Posted 12 months ago

    Yes. Your code is acceptable. More practice and keep on learning. You may know media queries, flexbox, and grid layout for responsiveness. Just like what I'm currently doing right now.

    #Happycoding

    Marked as helpful
  • Josephine Fitalvo•280
    @fitalvojosephine
    Submitted 12 months ago
    What challenges did you encounter, and how did you overcome them?

    Grid and responsiveness of the design. I need to keep on practicing and practicing to make this precise. Because some of the industry they need an accuracy and perfect pixel.

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

    I want to make the design as precise as possible. However, I have an issue with a group of images. I want to separate them and use a grid layout for each one on both the right and left sides.

    Please provide feedback and help me simplify this. Thank you.

    Meet Landing Page

    #bem
    2
    Josephine Fitalvo•280
    @fitalvojosephine
    Posted 12 months ago

    Thank you so much for the feedback.I'll make some changes

  • Viniboy17•150
    @Viniboy17
    Submitted 12 months ago
    What are you most proud of, and what would you do differently next time?

    What I'm most proud of is not having sought outside help.

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

    Make the page resizable.

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

    A better way to center objects.

    "Preview Card Component" Solution Using flexbox

    1
    Josephine Fitalvo•280
    @fitalvojosephine
    Posted 12 months ago

    You should check other developers' code and then compare it to yours. You will also learn how to read code others.

  • Jamie Reed•120
    @jreed-11
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    Really enjoyed this project as it included many challenges to over come. Made good use of flexbox and use the order to re-order the flex items. Also was proud of finding a way to colour the background image on the footer.

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

    To colour the image on the footer section but managed to find a way to overlay by doing some research.

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

    N/A

    CSS Flexbox & Custom Properties

    #bem
    1
    Josephine Fitalvo•280
    @fitalvojosephine
    Posted 12 months ago

    I think there is a problem with a responsive layout. :)

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