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

SathishVM

@SathishVM280 points

Full Stack Developer

I’m currently learning...

AWS

Latest solutions

  • (3-column-preview-card ) Desktop first site, HTML & SCSS used


    SathishVM•280
    Submitted about 4 years ago

    1 comment
  • Social media dashboard with theme switcher


    SathishVM•280
    Submitted almost 5 years ago

    0 comments
  • Fylo landing page with two column layout


    SathishVM•280
    Submitted almost 5 years ago

    0 comments
  • Huddle landing page with alternating feature blocks


    SathishVM•280
    Submitted almost 5 years ago

    0 comments
  • Huddle landing page


    SathishVM•280
    Submitted almost 5 years ago

    0 comments
  • Ping single column coming soon page


    SathishVM•280
    Submitted almost 5 years ago

    0 comments
View more solutions

Latest comments

  • Андрій Рогов•1,155
    @Andrii-Rohov
    Submitted about 4 years ago

    HTML & SCSS and JS for validation error message

    2
    SathishVM•280
    @SathishVM
    Posted about 4 years ago

    There is a simple solution that can be used to validate the email field using regex in javascript, Well regex is also known as a regular expression that validates the string by the pattern we provide. Writing a regex pattern is tough though you can google around it and use the available solutions on it.

    https://stackoverflow.com/questions/46155/how-to-validate-an-email-address-in-javascript

    You can learn from this resource.

  • SathishVM•280
    @SathishVM
    Submitted almost 5 years ago

    Fylo data storage component

    2
    SathishVM•280
    @SathishVM
    Posted almost 5 years ago

    Hello ghaith990000,

    Thanks for the suggestion 😊

  • Michelle•125
    @myc15
    Submitted almost 5 years ago

    Single Price Grid Component using CSS Grid and Flexbox

    1
    SathishVM•280
    @SathishVM
    Posted almost 5 years ago

    Hello Michelle,

    You have done a nice solution tho this challenge and simple as the structure in the code.

    So instead of using border-radius separately you can use a container and in it, you can use padding to the div and it overflows the container so it will not visible and here you can use overflow: hidden so the overflow will not be shown and border-radius will visible and that's the hack I used.

    I hope you got my point. :) Happy coding

  • Rowland•185
    @Rowkibet
    Submitted almost 5 years ago

    Base Apparel Page Using CSS Grid & Flexbox

    2
    SathishVM•280
    @SathishVM
    Posted almost 5 years ago

    Hello Rowland,

    Yeah, rfilenko is right. use some media queries and don't use selectors and in the form input using flexbox will be more head pain when it comes to specifically for this solution and try reducing font-size by 1 or 2 px when it gets to mobile screen.

    If you get problems again feel free to view my solution

    https://github.com/sathishvm/Frontend-Mentor-Challenges/tree/master/base-apparel-coming-soon

  • Joshua San Jose•40
    @forimbajosh21
    Submitted almost 5 years ago

    Article preview using HTML, CSS and Javascript

    1
    SathishVM•280
    @SathishVM
    Posted almost 5 years ago

    Hello Joshua San Jose,

    I tried to view the source code to view the solution of the challenge but the link is not found.

  • Paz Spera•180
    @pazspera
    Submitted almost 5 years ago

    Four card feature section using SASS

    1
    SathishVM•280
    @SathishVM
    Posted almost 5 years ago

    Hello Paz Spera,

    I really loved that you used grid system for the alignment and it's really simple solution than I solved ^_^.

    Yes, your html structure such as naming the classes and id's are really simple and to read.

    I found one thing you can improve that is at the min-width from 700 to 900 you can show the features as two card in a row and it will make the view as simple instead viewing one card line by line.

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