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

Jair

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

  • result summary component


    P
    Jair•680
    Submitted 2 days ago

    0 comments
  • pomodoro app


    P
    Jair•680
    Submitted 5 days ago

    0 comments
  • galleria slideshow


    P
    Jair•680
    Submitted 16 days ago

    0 comments
  • space tourisme multi-page


    P
    Jair•680
    Submitted 28 days ago

    1 comment
  • bookmark landing page


    P
    Jair•680
    Submitted about 2 months ago

    1 comment
  • room homepage


    P
    Jair•680
    Submitted about 2 months ago

    1 comment
View more solutions

Latest comments

  • Habeeb Alamutu•220
    @habeebalamutu
    Submitted 7 days ago

    Results summary component

    1
    P
    Jair•680
    @JairRaid
    Posted 2 days ago

    Nice job, the design is responsive, but there are still a few details to refine.

  • P
    Y39WebDeveloper•570
    @Y39WebDeveloper
    Submitted about 2 months ago

    Pomodoro app

    1
    P
    Jair•680
    @JairRaid
    Posted 5 days ago

    Nice work!

  • P
    Y39WebDeveloper•570
    @Y39WebDeveloper
    Submitted about 2 months ago

    Galleria slideshow site

    1
    P
    Jair•680
    @JairRaid
    Posted 15 days ago

    Nice work! you can use the css property object-fit: cover for the artwork image in the mobile screen to prevent the image from being stretched.

  • Nadji CHABANE•590
    @CHBNDJ
    Submitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    Its becoming more easier to use tailwind specially regarding the breakpoints.

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

    It was tuff to put the backdrop filter because it didnt work so i replaced the backdrop filter blur by a background-color bg-gray-900 with i think opacity 0.90 or 0.95.

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

    Maybe the issue is with the backdrop-filter. Even though I wrote it correctly, it never showed up in my project. I had to uncheck and recheck it in the browser console to see the effect, but when I refreshed the page, it disappeared. Has anyone encountered this before?

    Space Tourism Multipage

    1
    P
    Jair•680
    @JairRaid
    Posted 28 days ago

    Nice work !

  • P
    toshirokubota•1,080
    @toshirokubota
    Submitted about 2 months ago
    What challenges did you encounter, and how did you overcome them?

    This was my introduction to Tailwind CSS. I struggled at the beginning to get used to its micro utility classes. After a while, I got better at employing them, but I still feel a bit overwhelmed with the amount of classes that I put into the html file.

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

    I would like to hear how you enjoy using Tailwind. I have not found much pleasure, yet, but I am open to any inputs. Also, as always, I appreciate any comments/feedbacks on my design and code.

    bookmark landing page with Tailwind

    1
    P
    Jair•680
    @JairRaid
    Posted about 2 months ago

    Nice work but, still needs improvement in design. Make the navigation-bar position to fixed in mobile screen to fill the entire window.

  • mdjr-murali•90
    @muraliinc
    Submitted about 2 months ago

    DISPLAY-GRID AND MEDIA QUERY FOR MOBILE

    1
    P
    Jair•680
    @JairRaid
    Posted about 2 months ago

    Nice work, but the page is not responsive.

    @media (max-width: 450px){
    /* mobile styling */
    }
    
    @media (min-width: 450px) and (max-width: 1024px){
    /* tablet styling */
    
    @media (min-width: 1024px){
    /* desktop styling */ 
    }
    

    You can change the value as you want.

    Link if you need help about CSS: https://www.joshwcomeau.com/css/

    Marked as helpful
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