Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
39
Comments
227
Aimal Khan
@Aimal-125

All comments

  • alice173•10
    @alice173
    Submitted almost 2 years ago

    Responsive card using basic grid

    2
    Aimal Khan•2,260
    @Aimal-125
    Posted almost 2 years ago

    You can align text and icon by wrapping them in two separate spans inside button and set display property to flex for button. Then justify-content: center; align-items: center; gap: 10px;

    For accessibilty use semantic tags of html. Put your code inside <main> tag.

  • Emmanuel Akpan•790
    @heisemmaco-dev
    Submitted almost 2 years ago

    Huddle landing page with grid

    #itcss#accessibility
    1
    Aimal Khan•2,260
    @Aimal-125
    Posted almost 2 years ago

    In your CSS code, give body element height of 120 or 150vh by using media query with max-height: 400px; so that your solution looks good on screens with small heights.

    Marked as helpful
  • rxs30279•20
    @rxs30279
    Submitted almost 2 years ago

    Ratings app - React + ChatGPT

    #react
    1
    Aimal Khan•2,260
    @Aimal-125
    Posted almost 2 years ago

    In your CSS code, give body element height of 120 or 150vh by using media query with max-height: 400px; so that your solution looks good on screens with small heights.

  • Yahya Shareef•150
    @yahyashareef48
    Submitted almost 2 years ago

    My take on rest countries api with color theme switcher

    #react#react-router#typescript#tailwind-css
    1
    Aimal Khan•2,260
    @Aimal-125
    Posted almost 2 years ago

    In your CSS code, give body element height of 120 or 150vh by using media query with max-height: 400px; so that your solution looks good on screens with small heights.

  • girmt•20
    @girmt
    Submitted almost 2 years ago

    Responsive landing page using css flexbox

    1
    Aimal Khan•2,260
    @Aimal-125
    Posted almost 2 years ago

    In your CSS code, give body element height of 120 or 150vh by using media query with max-height: 400px; so that your solution looks good on screens with small heights.

  • P
    Abdirahim Ali Mahamoud•380
    @asad102
    Submitted almost 2 years ago

    Beautiful grid column by tailwind css

    #tailwind-css#sass/scss
    1
    Aimal Khan•2,260
    @Aimal-125
    Posted almost 2 years ago

    In your CSS code, give body element height of 120 or 150vh by using media query with max-height: 400px; so that your solution looks good on screens with small heights.

  • Karvendhan•270
    @karvendhanst
    Submitted almost 2 years ago

    Four Card Feature Section

    1
    Aimal Khan•2,260
    @Aimal-125
    Posted almost 2 years ago

    In your CSS code, give body element height of 120 or 150vh by using media query with max-height: 400px; so that your solution looks good on screens with small heights.

  • Jose Jimmy•290
    @jose-jimmy
    Submitted almost 2 years ago

    Age calculator app challenge 🔥

    1
    Aimal Khan•2,260
    @Aimal-125
    Posted almost 2 years ago

    In your CSS code, give body element height of 120 or 150vh by using media query with max-height: 400px; so that your solution looks good on screens with small heights.

  • Burak Köstekli•510
    @BurakKostekli
    Submitted almost 2 years ago

    Pure HTML CSS

    1
    Aimal Khan•2,260
    @Aimal-125
    Posted almost 2 years ago

    In your CSS code, give body element height of 120 or 150vh by using media query with max-height: 400px; so that your solution looks good on screens with small heights.

  • Anshuman Kumar•230
    @Anshuman1803
    Submitted almost 2 years ago

    Responsive NewsLetterSignUpWithSuccessMessage Using HTML, Sass, and JS

    #sass/scss
    1
    Aimal Khan•2,260
    @Aimal-125
    Posted almost 2 years ago

    In your CSS code, give body element height of 120 or 150vh by using media query with max-height: 400px; so that your solution looks good on screens with small heights.

  • Abiel Ortega•40
    @Abiel101
    Submitted almost 2 years ago

    Age Calculator using TailwindCSS and GSAP

    #gsap#node
    1
    Aimal Khan•2,260
    @Aimal-125
    Posted almost 2 years ago

    In your CSS code, give body element height of 120 or 150vh by using media query with max-height: 400px; so that your solution looks good on screens with small heights.

    Marked as helpful
  • Bogdan Kim•780
    @semperprimum
    Submitted almost 2 years ago

    Snap Intro Section with Dropdown Navigation, React + SCSS

    #accessibility#bem#react#sass/scss#vite
    1
    Aimal Khan•2,260
    @Aimal-125
    Posted almost 2 years ago

    In your CSS code, give body element height of 120 or 150vh by using media query with max-height: 400px; so that your solution looks good on screens with small heights.

  • Milan•90
    @SajanMG
    Submitted almost 2 years ago

    Rating challenge

    2
    Aimal Khan•2,260
    @Aimal-125
    Posted almost 2 years ago

    In your CSS code, increase the height of body element to 120 or 150vh by using media query with max-height: 400px; so that your solution look good on screens with small heights.

    Marked as helpful
  • Davi Soares•150
    @DaviSoares-1
    Submitted almost 2 years ago

    Single Price Grid Component [Responsive | Acessible | Grid | Semantic]

    #accessibility#bem
    1
    Aimal Khan•2,260
    @Aimal-125
    Posted almost 2 years ago

    In your CSS code, increase the height of body element to 120 or 150vh by using media query with max-height: 400px; so that your solution look good on screens with small heights.

  • Michal•250
    @MikeZeg
    Submitted almost 2 years ago

    Summary Component - HTML, SCSS

    1
    Aimal Khan•2,260
    @Aimal-125
    Posted almost 2 years ago

    In your CSS code, increase the height of body element to 120 or 150vh by using media query with max-height: 400px; so that your solution look good on screens with small heights.

    Marked as helpful
  • Bryan Li•3,530
    @Zy8712
    Submitted almost 2 years ago

    News Homepage

    1
    Aimal Khan•2,260
    @Aimal-125
    Posted almost 2 years ago

    In your CSS code, increase the height of body element to 120 or 150vh by using media query with max-height: 400px; so that your solution look good on screens with small heights.

  • waltuh12345•390
    @waltuh12345
    Submitted almost 2 years ago

    Project tracking intro component

    #accessibility#animation#sass/scss#vite#web-components
    1
    Aimal Khan•2,260
    @Aimal-125
    Posted almost 2 years ago

    In your CSS code, increase the height of body element to 120 or 150vh by using media query with max-height: 400px; so that your solution look good on screens with small heights.

    Marked as helpful
  • Danilo Scorzoni Ré•160
    @dscorzoni
    Submitted almost 2 years ago

    News Website in React

    #react#styled-components
    1
    Aimal Khan•2,260
    @Aimal-125
    Posted almost 2 years ago

    In your CSS code, increase the height of body element to 120 or 150vh by using media query with max-height: 400px; so that your solution look good on screens with small heights.

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

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