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

jsemenborodas

@jsemenborodas110 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

  • CSS HTML JS


    jsemenborodas•110
    Submitted 6 months ago

    1 comment
  • Adaptive design using Grid


    jsemenborodas•110
    Submitted 6 months ago

    1 comment
  • Adaptive landing page using FlexBox.


    jsemenborodas•110
    Submitted 6 months ago

    1 comment
  • Adaptive landing page using FlexBox.


    jsemenborodas•110
    Submitted 6 months ago

    In code, but I don’t really understand yet how to describe my thoughts.


    1 comment
  • HTML, CSS


    jsemenborodas•110
    Submitted 6 months ago

    2 comments
  • HTML, CSS


    jsemenborodas•110
    Submitted 6 months ago

    1 comment
View more solutions

Latest comments

  • MolinaEf•330
    @MolinaEf
    Submitted 6 months ago

    JS, Flexbox

    1
    jsemenborodas•110
    @jsemenborodas
    Posted 6 months ago

    Very good solution! Bravo!

  • P
    M Rafay•140
    @the-Exalter
    Submitted 6 months ago

    Responsive Testimonial Grid Section using CSS Grid and Flexbox

    2
    jsemenborodas•110
    @jsemenborodas
    Posted 6 months ago

    Hello! You have some minor problems with the block sizes, but overall it looks pretty good.

  • RoxySash•180
    @RoxySash
    Submitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    I finally added a media query, and it works! I am so happy. I am not too proud of the grid layout, though. My design would appear smaller than the solution, I think. Any pointers and tips are welcome.

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

    Grid layout was not simple for this design but I push through it.

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

    Grid layouts

    Responsive Four Card Layout Grid

    1
    jsemenborodas•110
    @jsemenborodas
    Posted 6 months ago

    Good job! Maybe u should made a responsive font-size. Try this next time: https://developer.mozilla.org/en-US/docs/Web/CSS/clamp And i see the problems with a box-shadows. Read this: https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow

    Marked as helpful
  • vendy0•110
    @vendy0
    Submitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    I was finally able to get my hands on centering the elements in css and that wasn't easy.

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

    This was to change the image for each screen size. I must admit that I struggled a lot to get there. At the end I used the content property of the div.

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

    I would like to learn how to use the grid and flexbox more efficiently and gain experience. And then I want to learn more about centering elements in css.

    Responsive page using css flexbox

    1
    jsemenborodas•110
    @jsemenborodas
    Posted 6 months ago

    Good job!

  • Alex Knapp•80
    @Schnappo90
    Submitted 6 months ago

    QR code card component using HTML and CSS

    1
    jsemenborodas•110
    @jsemenborodas
    Posted 6 months ago

    I think, it's better to do styles in CSS-file. Btw, try to use PixelPerfect - u have problems with the sizez of elements.

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