Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
9
Comments
7
mohammadshbeeb11
@mohammadshbeeb11

All comments

  • P
    uzii•240
    @Deuzi
    Submitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    used the grid-template-area, and it made it easy to move around grid items am really happy cause i just saw it while reviewing someone's code during the last challenge and decided to try it out

    creating a testimonial with CSS GRID

    #pure-css
    1
    mohammadshbeeb11•100
    @mohammadshbeeb11
    Posted 6 months ago

    .

  • P
    uzii•240
    @Deuzi
    Submitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    am happy i applied gird-template area , it made it easy to move grid items around saw it while reviewing someone's code last challenge and decided to try it out

    Testimonial with css grid

    #pure-css
    1
    mohammadshbeeb11•100
    @mohammadshbeeb11
    Posted 6 months ago

    .

  • P
    Alexwz89•480
    @Alexwz89
    Submitted 6 months ago
    What challenges did you encounter, and how did you overcome them?

    How to set the breakpoints value for turning from PC to Mobile display? How to setting the img display when switching from Pc to Mobile?

    Responsive page for product preview card

    #pure-css
    1
    mohammadshbeeb11•100
    @mohammadshbeeb11
    Posted 6 months ago

    .

  • Eziefule Judith•120
    @a2-112
    Submitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    The responsiveness it is responsive even without media queries and aligns so perfectly well.

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

    It was how to make it grab the exact height and same time grab the whole content i used height 100vh which was small then i removed the height and it contained perfectly.

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

    is it possible to style a th in the same tr tag to be in a row format without creating too many tr tag???

    Responsive landing page with flexbox and width

    #pure-css
    1
    mohammadshbeeb11•100
    @mohammadshbeeb11
    Posted 6 months ago

    ..

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

    I can start to understand and get used to decoding the design requirement to the CSS codes.

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

    Media query break points for Tablet and handset: 768px ~1024: Tablet 768px below: Smartphone

    1024 px: PC

    Responsive page for social links profile by Alex

    #pure-css
    2
    mohammadshbeeb11•100
    @mohammadshbeeb11
    Posted 6 months ago

    .

  • Eziefule Judith•120
    @a2-112
    Submitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    I am happy that am improving my learning experiences and knowledge in html and css,with the correction I received, I am able tobbetter my code, and it appeared very nice. Learning new things is indeed interesting

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

    How to apply transition and transform to the pseudo element(hover)

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

    More knowledge on transition and transform, box shadows effects.

    Hover effect and responsiveness

    #pure-css
    2
    mohammadshbeeb11•100
    @mohammadshbeeb11
    Posted 6 months ago

    .

  • Gbenga Adeyi•10
    @gray-adeyi
    Submitted 6 months ago

    QR code component solution

    #pure-css
    1
    mohammadshbeeb11•100
    @mohammadshbeeb11
    Posted 6 months ago

    ok

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