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

Smita

@Smita-14375 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 Grid and mobile first workflow


    Smita•375
    Submitted almost 4 years ago

    0 comments
  • Mobile-first, BEM and CSS Flexbox


    Smita•375
    Submitted almost 4 years ago

    1 comment
  • Mobile-first responsive site using BEM and CSS Flexbox


    Smita•375
    Submitted almost 4 years ago

    0 comments
  • Mobile-first approach using BEM and CSS Flexbox


    Smita•375
    Submitted almost 4 years ago

    0 comments
  • Mobile-first responsive site using BEM and CSS Flexbox


    Smita•375
    Submitted almost 4 years ago

    1 comment

Latest comments

  • Joffen Hopland•50
    @Joffenhopland
    Submitted almost 4 years ago

    Mobile first using pure CSS

    2
    Smita•375
    @Smita-14
    Posted almost 4 years ago

    It turned out really well. Great submission! 👏👏

    Marked as helpful
  • Vanza Setia•27,715
    @vanzasetia
    Submitted almost 4 years ago

    Responsive 3 Column Card Component (No Media Queries)

    #accessibility#bem#lighthouse
    8
    Smita•375
    @Smita-14
    Posted almost 4 years ago

    It's surprising to know that you coded this on a phone so well!✨✨ It is brilliantly done! 👏👏

    Marked as helpful
  • Asif M•200
    @asifm37
    Submitted almost 4 years ago

    Responsive Statistics Preview Card using HTML & CSS Only

    2
    Smita•375
    @Smita-14
    Posted almost 4 years ago

    Hey Asif! The reason is that the image is an inline element and properties like font size and line heights can affect it causing it to have little space (padding) beneath it. Set the display: block; to the image element and the issue will be fixed.

    Marked as helpful
  • CJ Castillo•15
    @timssy
    Submitted almost 4 years ago

    3-column preview card component HTML/CSS

    1
    Smita•375
    @Smita-14
    Posted almost 4 years ago

    Hey CJ Castillo! Awesome submission! 👏 There's minor issues that you need to look at though:

    • border radius is being applied on wrong edges on smaller screen size.
    • The size of the cards increases from the bottom the moment the layout hits size smaller than 1440px.
    Marked as helpful
  • Geoff Walker•165
    @Geoff-Walker
    Submitted almost 4 years ago

    Simple Html and Css code making a responsive card

    1
    Smita•375
    @Smita-14
    Posted almost 4 years ago

    Hey Geoff! You did an excellent work on this challenge. I noticed one issue that on smaller mobile screen size some part of text-block is clipped or it becomes hidden. Hope you take a look on that. Keep it up!

    Marked as helpful
  • Jimender•140
    @Jimender
    Submitted almost 4 years ago

    Stats Preview

    1
    Smita•375
    @Smita-14
    Posted almost 4 years ago

    Hey Jimender! Your submission is great and almost pixel perfect! Just a few things I would like to point out:

    • The attribution part is floating over the card on the mobile screen size.
    • The card is trimmed from top on smaller screen size.
    • Use semantic html wherever possible. It will help you avoid many issues like the accessibility and html issues.
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