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

JaYS

@JaYS29BA60 points

JS Lover - Informatics Engineer

Latest solutions

  • Recipe page


    P
    JaYS•60
    Submitted 8 months ago

    1 comment
  • Social links profile


    P
    JaYS•60
    Submitted 9 months ago

    1 comment
  • Blog preview card


    P
    JaYS•60
    Submitted 9 months ago

    1 comment
  • QR Code using HTML and CSS


    P
    JaYS•60
    Submitted 9 months ago

    2 comments

Latest comments

  • sediqa•210
    @Hasani-Sediqa
    Submitted 8 months ago

    recipe-page using HTML & CSS

    1
    P
    JaYS•60
    @JaYS29
    Posted 8 months ago

    The styles of the different sections are very well applied. The main thing it should be adjusted is the size of the body. There seems to be a blank section below all the elements of the page. The other visible thing to adjust may be the size of the fonts.

  • ItsZubek•130
    @ItsZubek
    Submitted 9 months ago

    Social Links Profile

    1
    P
    JaYS•60
    @JaYS29
    Posted 9 months ago

    It just needs an margin-top adjustment for the group of elements

  • billyistyping000•10
    @billyistyping000
    Submitted 9 months ago

    Blog preview card

    1
    P
    JaYS•60
    @JaYS29
    Posted 9 months ago

    The card seems to be smaller than the design one. In a Desktop resolution could be hard to read.

    Marked as helpful
  • DIALLO Souleymane•200
    @souleymane-diallo
    Submitted 9 months ago
    What are you most proud of, and what would you do differently next time?

    I’m most proud of achieving a responsive component that closely matches the visual design provided. Next time, I would implement the BEM naming convention from the beginning to better organize the CSS. This would allow for clearer structure and easier management, especially in larger projects or if future updates are needed.

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

    I faced two main challenges: ensuring responsiveness across different screen sizes and matching the design's exact spacing and font details. To handle responsiveness, I used a mobile-first approach with flexible units and media queries. For precise design alignment, I relied on developer tools to adjust margins, padding, and font sizes. These strategies helped me create a more consistent and adaptable component.

    Semantic HTML5 markup, FlexBox, Responsive

    1
    P
    JaYS•60
    @JaYS29
    Posted 9 months ago

    My solutions differs in terms of spaces in the description

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

Beta Member

This badge is a shoutout to the early members of our community. They've been around since the early days, putting up with (and reporting!) bugs and adjusting to big UX overhauls!

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