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

vinay kandoi

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

  • Grid, Flexbox


    vinay kandoi•120
    Submitted over 1 year ago

    0 comments
  • Responsive Order page using CSS HTML

    #bem

    vinay kandoi•120
    Submitted over 3 years ago

    1 comment
  • CSS, HTML, Javascript, BEM


    vinay kandoi•120
    Submitted over 3 years ago

    1 comment
  • css grid


    vinay kandoi•120
    Submitted over 3 years ago

    4 comments
  • CSS, Flexbox, Grid


    vinay kandoi•120
    Submitted over 3 years ago

    1 comment
  • CSS, HTML


    vinay kandoi•120
    Submitted over 3 years ago

    2 comments
View more solutions

Latest comments

  • Jason•110
    @tjdwlgns612
    Submitted over 3 years ago

    QR Code Component Solution

    3
    vinay kandoi•120
    @vinaximus
    Posted over 3 years ago

    Hi Jason, firstly congratulations for your first project and suprisingly you did a great job. Answers to your questions are

    • Yes you can use CSS like you did in html file. This is called internal CSS. However it is always recommended to use all the CSS styles in an external file, so that you can organainse your work properly. This also optimises the loading time of your webpage. So all your qr-code, main-text and sub-text should go in your css files.

    -Margins is the space outside of your box or control, while Padding is the space reserved inside. To get more idea, I did the following a) If you are on chrome or Edge, right click on any object and click inspect. b) There you'll se a tab 'computed'. Click on it and you will see the layout of the object including its dimension and padding. Click on the values to change them and see the effect.

    Please mark this as helpful if your questions are answered properly :)

    Marked as helpful
  • Poonam•40
    @PoonamChopade99
    Submitted over 3 years ago

    stat-preview card component

    1
    vinay kandoi•120
    @vinaximus
    Posted over 3 years ago

    I went through all of your code and you really did a great job. Specially, support for multiple device width by using multiple media queries

  • 👾 Ekaterine Mitagvaria 👾•7,860
    @catherineisonline
    Submitted over 3 years ago

    Testimonials grid section

    33
    vinay kandoi•120
    @vinaximus
    Posted over 3 years ago

    Nice work, especially the responsive behavior.

  • Hassan Yahya•250
    @hassanyahya400
    Submitted over 3 years ago

    NFT preview card component

    #accessibility#bootstrap
    4
    vinay kandoi•120
    @vinaximus
    Posted over 3 years ago

    Nice job. Use the max-width property to not go beyond a particular width

  • vinay kandoi•120
    @vinaximus
    Submitted over 3 years ago

    Css customization, HTML, Bootstrap Grids and Bootstrap container

    #bootstrap
    3
    vinay kandoi•120
    @vinaximus
    Posted over 3 years ago

    Thanks a lot, didn't know about media queries, will research

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