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

Sankalpa Sarkar

@IllusiveCoder1101India520 points

Hey there fellow coders, I am Sankalpa Sarkar but you guys can call me Sankalp . I am over here to learn lots and lots about coding especially front-end dev. I am grateful to share my coding journey with all of you guys.

I’m currently learning...

Currently I am learning a lot about front end devs like :- Html, css, Javascript, es6, React, React Native, usage of third party api. Also recently I learnt about a version control system called git. I will continue to increase my knowledge about all of this stuff

Latest solutions

  • Responsive Blog Preview Card


    Sankalpa Sarkar•520
    Submitted over 1 year ago

    1 comment
  • Multi-Step-Form (React, Sass, Vite)

    #react#sass/scss#vite

    Sankalpa Sarkar•520
    Submitted over 2 years ago

    1 comment
  • FAQ-accordion (using HTML, CSS and React)

    #react

    Sankalpa Sarkar•520
    Submitted almost 3 years ago

    1 comment
  • Single-Price component (using HTML, CSS and React)

    #react

    Sankalpa Sarkar•520
    Submitted almost 3 years ago

    0 comments
  • Intro-Component (Using HTML, CSS & React with validations)

    #react

    Sankalpa Sarkar•520
    Submitted almost 3 years ago

    0 comments
  • Base-Apparel (Using HTML,CSS & React with validations)

    #react

    Sankalpa Sarkar•520
    Submitted almost 3 years ago

    0 comments
View more solutions

Latest comments

  • Bhargav Kumar•10
    @bhargavjyoti
    Submitted over 2 years ago

    QR code component using HTML5 and SCSS

    #sass/scss
    1
    Sankalpa Sarkar•520
    @IllusiveCoder1101
    Posted over 2 years ago

    Firstly, congrats on completing the challenge . Now to answer your question whether you should keep the sass file or not. Answer:- Yes, Reason (If you remove the sass file, other people who view your code on Github, won't be able to know if you used sass or not).

    I noticed a few accessibility issues , to remove them use <main class='card' role='main'></main>, it should fix it. That's all :)

    Marked as helpful
  • Ehab Elshahat•40
    @Ehab-Elshahat
    Submitted over 2 years ago

    Multi-step-form using javascript html css

    1
    Sankalpa Sarkar•520
    @IllusiveCoder1101
    Posted over 2 years ago

    Firstly congrats on completing the challenge , it wasn't an easy one. I noticed a few problems with your site:- 1.The step numbers present on the nav-bar/side-bar aren't meant to be buttons , their only purpose is to show the Active step. If treated as buttons , there would be no point of the next and the back buttons. 2. The site appears broken on my desktop, each of the sections are overflowing, so try testing it on all the screen provided on the console. 3.It's not dynamic , the site is clearly static, even when I choose a different plan , it's not updated on the confirmation page. 4.For the Accessibility error, try replacing the <h4/> tags with <h1/> tag. (Also there's a typo on the first page , you wrote "Pleas" ) That's mostly all :)

  • حسان ونس•60
    @Hassan-Wanas
    Submitted over 2 years ago

    Profile card component

    1
    Sankalpa Sarkar•520
    @IllusiveCoder1101
    Posted over 2 years ago

    You have to use the background-position property of the cuss to position those background images.

  • Aatif Sohel•160
    @aatifsohel
    Submitted almost 3 years ago

    Profile Card Component using FlexBox and Grid

    #accessibility
    2
    Sankalpa Sarkar•520
    @IllusiveCoder1101
    Posted almost 3 years ago

    For the inner divs of the card component you can use header for the first then the body tag and bottom part with the footer tag..

  • Aatif Sohel•160
    @aatifsohel
    Submitted almost 3 years ago

    Profile Card Component using FlexBox and Grid

    #accessibility
    2
    Sankalpa Sarkar•520
    @IllusiveCoder1101
    Posted almost 3 years ago

    The code looks great overall , to make the code even better you can try using semantic HTML tags like :- <header/> , <nav/> , <section/> etc. This would make your code more readable , rather than using so much divs. Otherwise you were spot on the final result looks great. Keep up the great work!!!!

  • Daud Ismail Olakunle•20
    @Eminentdio
    Submitted almost 3 years ago

    Nft Preview Card Component

    #accessibility
    3
    Sankalpa Sarkar•520
    @IllusiveCoder1101
    Posted almost 3 years ago

    Congrats on completing the challenge, about the mobile display issue, I think you should look into css media queries which is responsible for display on different screen sizes. Keep up the great 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

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