Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
34
Comments
3

Tamiliniyan S

@iniyan-webIndia610 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

  • Responsive interactive comments section using React JS and SASS.


    Tamiliniyan S•610
    Submitted over 3 years ago

    1 comment
  • Responsive huddle landing page (curved sections) using React JS / SASS


    Tamiliniyan S•610
    Submitted over 3 years ago

    0 comments
  • Responsive NFT card component using react JS / SASS


    Tamiliniyan S•610
    Submitted over 3 years ago

    1 comment
  • Responsive fylo landing page using react JS/SASS/flex-box


    Tamiliniyan S•610
    Submitted over 3 years ago

    0 comments
  • Responsive Fylo landing page (dark theme) using React JS/SASS/Flex-box


    Tamiliniyan S•610
    Submitted over 3 years ago

    0 comments
  • Responsive huddle landing page with React JS / flex-box / SASS


    Tamiliniyan S•610
    Submitted over 3 years ago

    0 comments
View more solutions

Latest comments

  • Abdulsamad Adeosun•180
    @adeosunabdulsamad
    Submitted over 3 years ago

    html5, css

    #accessibility
    1
    Tamiliniyan S•610
    @iniyan-web
    Posted over 3 years ago

    Hi Abdulsamad,

    You can add required fonts from google fonts.

    -> In html, you can link the fonts like below:

    <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link href="https://fonts.googleapis.com/css2? family=Montserrat:wght@700&display=swap" rel="stylesheet" />

    -> In CSS, you can import fonts like below:

    @import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');

    For above both cases, you can use the font added like below.

    In CSS:

    body { font-family: "Montserrat", sans-serif; }

    Marked as helpful
  • Jose Susanto•20
    @Itsjoses
    Submitted almost 4 years ago

    Order-summary-component-challenge with html and css

    1
    Tamiliniyan S•610
    @iniyan-web
    Posted almost 4 years ago

    Hi...you need to add background-color property to the body of your site in order to change it to your respective color, and regarding your site and skill, it is nice and in order to increase it further you can do your own research and practices.

    Marked as helpful
  • Ekta Mishra•30
    @codeekta28
    Submitted almost 4 years ago

    Used bootstrap grid,css

    1
    Tamiliniyan S•610
    @iniyan-web
    Posted almost 4 years ago

    Use absolute positioning to set the images diagonally.. Please refer the given link... stylesheet_link

    .bg-top { position: absolute; z-index: -1; top: -85%; left: -25%; }

    .bg-bottom { position: absolute; z-index: -1; top: 43%; right: -22%; }

    Marked as helpful

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