Skip to content
OverviewSolutions
11
Comments
12
P

Monika

@monika-webdeveloperPoland180 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

View more solutions

Latest comments

  • P
    Petar Rakocevic•280
    @PetarR21
    What are you most proud of, and what would you do differently next time?

    I learned how to implement form validation in React and provide feedback to users. I also practiced managing component state and conditional rendering for success messages.

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

    Hardest thing was writing a CSS media queries, for smaller screens.

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

    I would like to improve the code, so it is more robust and clean.

    Responsive Newsletter sign-up form with success message using React.js

    #react
    1
    P
    Monika•180
    @monika-webdeveloper

    Really good job! Congratulations! Your code looks clean and organized. I think you should put a little more effort to the CSS code.Your card is a little bigger than the design.Also I'm not sure about the hover effect. The design says it's active not hover. Also I think it's a good idea to add some box-shadow as it was shown in the design.

  • P
    Monika•180
    @monika-webdeveloper

    Good job! Your HTML code looks OK. But I think there are some problems with CSS. First of all the hight of the card is too big. The colour of the main heading is too dark. Also the active image is too small. There should be a padding added on both sides.It also doesn't look good on smaller screens so I don't think it's responsive.

  • P
    Paul Wonka•220
    @pdoubleu30
    What are you most proud of, and what would you do differently next time?

    I enjoyed this challenge even though I know there are flaws. I am hoping to get feedback so that next time I try this challenge I will improve.

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

    The biggest challenge I had was utilizing grid for the desktop version of the page. I was attempting to utilize online resources to get it just right but was unable to as of yet.

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

    I know my solution is not perfect so I am open to any and all feedback to improve. I am aware my code is likely too long so if I could get suggestions to simplify that would be appreciated. Also, if I could get tips on how I can improve the spacing more accurately on the header on desktop version using grid or flex box I would be grateful as well. Thank you!

    responsive page using css & html

    1
    P
    Monika•180
    @monika-webdeveloper

    Good job generally! Although it needs some improvements. Your solutions includes semantic HTML. I can see you have use different imagaes for different screen resolutions. But there are definitely some problems with padding and spacing. Also font weight and font size look a little bit different. Maybe you should read Figma more carefully.

    Marked as helpful
  • P
    Monika•180
    @monika-webdeveloper

    Good job! Your solution includes semantic HTML. However, there ara some CSS differences between your solution and the original design. In my opinion the size of the cards differes from the design. There might be a problem with the padidng or gaps between flex or grid items. And the mobile solution needs some improvements.

    Marked as helpful
  • P
    Monika•180
    @monika-webdeveloper

    Good job! Your landing page looks really good. Your solution does not differ considerably from the design and the layout looks good on a range of screen sizes. I think your HTML code is well-structured, readable and reusable. I think that you should pay more attention to padidng as there are some differences.

  • Ashraful Islam•100
    @ashrafitachi
    What challenges did you encounter, and how did you overcome them?
    • Had difficulties with the height of img in media queries.
    What specific areas of your project would you like help with?
    • Responsive CSS

    Responsive product card

    1
    P
    Monika•180
    @monika-webdeveloper

    It looks pretty good. Your solution doen not differ considerably from the design. But I think it still needs some improvements. The main title should be bold. The font of the paragraph is too dark. And it takes too many lines. The font may be too big. The price should be bold, too.There is also no hover affect on the button.

View more comments