Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
10
Comments
11

Rohail Taha

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

  • Countries Fact App using React and Sass.


    Rohail Taha•355
    Submitted almost 4 years ago

    1 comment
  • IP Address Tracker


    Rohail Taha•355
    Submitted almost 4 years ago

    2 comments
  • Responsive Manage Landing Page built using Sass, Javascript.


    Rohail Taha•355
    Submitted over 4 years ago

    0 comments
  • Social Media Dashboard page using Sass, CSS Grids and Javascript.


    Rohail Taha•355
    Submitted over 4 years ago

    0 comments
  • Mobile First Page Using CSS Grid


    Rohail Taha•355
    Submitted over 4 years ago

    0 comments
  • responsive page built using flexbox


    Rohail Taha•355
    Submitted about 5 years ago

    0 comments
View more solutions

Latest comments

  • jeyaprakash•255
    @log-bait
    Submitted almost 4 years ago

    room-homepage-html-css-bs-js

    2
    Rohail Taha•355
    @rohailtaha
    Posted almost 4 years ago

    I think you want smooth transition upon clicking the left right buttons?

  • Jevgenij•110
    @TScorpz
    Submitted almost 4 years ago

    Tip Calculator

    1
    Rohail Taha•355
    @rohailtaha
    Posted almost 4 years ago

    Maybe you can use something like input:focus { outline: 2px solid hsl(183, 100%, 15%); } to work on firefox. the pseudo element may be just ":focus" or ":focus-visible";

  • Mohammed Rayan sailani•230
    @rayansailani
    Submitted almost 4 years ago

    html css

    3
    Rohail Taha•355
    @rohailtaha
    Posted almost 4 years ago

    Awesome work. I looked at the code. In your media query you used min-width:350px, I think you actually wanted max-width here because you would want body font size to be smaller(12px) in smaller screen sizes? If you use min-width in media query, then the styles applied will be for screen sizes greater than or equal to 350px. But I think you wanted those styles to be applied for screen sizes less than or equal to 350px? Am I wrong?

    Marked as helpful
  • Alessandro•215
    @alessandro-giuzio
    Submitted almost 4 years ago

    Social proof section solution

    1
    Rohail Taha•355
    @rohailtaha
    Posted almost 4 years ago

    Hello, you have added min-width: 100vh to your "body". Remove it to prevent the horizontal scroll. You would always want to avoid using min-widths as they make responsive designs difficult.

    Marked as helpful
  • Jeffrey Tuason•550
    @Tuason066
    Submitted almost 4 years ago

    Responsive Clipboard Landing Page Master Using HTML & CSS

    2
    Rohail Taha•355
    @rohailtaha
    Posted almost 4 years ago

    Try this: background-image: url(../images/bg-header-mobile.png); Probably you would have to go one directory back using "../" as images folder is in the previous directory compared to "style.css" file.

    Marked as helpful
  • Yasmina S•110
    @yvsminvs
    Submitted almost 4 years ago

    Clipboard Landing Page using HTML and CSS

    1
    Rohail Taha•355
    @rohailtaha
    Posted almost 4 years ago

    Great Effort! I would like to give some suggestions:

    1. You could increase the contrast of the paragraph texts as it is low. I know the style guide had this gray color but it has low contrast and you would always want to avoid that.
    2. You can add a max-width property to paragraph-texts or their parent container so each line of paragraph does not become too long. It is UI design good pratice to keep the text lines short as they are easier to read.
    3. There is a lot of padding in container1 and the content squeezes in too much when large screen size is reached. You can completely avoid padding and use max-width and margin:0 auto(to center) and achieve the same effect.

    I hope this is helpful. Keep up the good work.

    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

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

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