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

Baliram

@0ME9AINDIA260 points

Next-level React developer.

I’m currently learning...

Full-stack Development

Latest solutions

  • news-website-homepage

    #react#typescript#vite

    Baliram•260
    Submitted over 2 years ago

    0 comments
  • E-commerce product page

    #next#tailwind-css#react

    Baliram•260
    Submitted over 2 years ago

    0 comments
  • where in the world solution

    #react#react-router#sass/scss

    Baliram•260
    Submitted over 2 years ago

    1 comment
  • Advice generator with react

    #react#sass/scss#axios

    Baliram•260
    Submitted almost 3 years ago

    0 comments
  • Ip address tracker app

    #jquery#sass/scss

    Baliram•260
    Submitted almost 3 years ago

    2 comments
  • Where in the world?

    #sass/scss#react

    Baliram•260
    Submitted almost 3 years ago

    2 comments
View more solutions

Latest comments

  • Yixuan WANG•240
    @yxwangOCR
    Submitted over 2 years ago

    News homepage (React && Sass)

    #sass/scss#react
    1
    Baliram•260
    @0ME9A
    Posted over 2 years ago

    Hii! @yxwangOCR Congratulations bro.

    Can you explain why you are using a blank h1 tag use can use a direct h2 tag because only one h1 tag should be on a page and there is also another reason that the h1 tag is used for the main title not for a secondary title?

    Also, add <html lang="en"> in your HTML file.

    We call it great practice and recommended by developers.

    And brilliant job congratulations again Happy coding 🧑‍💻🎉🎉🎉

    Marked as helpful
  • Fhero•110
    @fhero2030
    Submitted over 2 years ago

    News Homepage using React + Typescript

    #typescript#react
    1
    Baliram•260
    @0ME9A
    Posted over 2 years ago

    Hi! @fhero2030

    Conguralution man, you did it very well looks good, but did you forget that you must add an alternate attribute (alt) for the image tag? It's basic and recommended by most developers because it shows the attribute text when your image can't able to load or your image link is broken.

    example: <img src="your image address" alt="Image not found"/>

    Here alt displays its text at the position of the image "Image not found". There is also some other issue to fix here.

    And yah nice job well-done bro Happy Coding 👍🧑‍💻

    Marked as helpful
  • Benevolent•490
    @bene-volent
    Submitted almost 3 years ago

    QR code component solution: Vanilla HTML, CSS

    3
    Baliram•260
    @0ME9A
    Posted almost 3 years ago

    Hey Benevolent, congratulations on your solution!

    Nice job...

    #happyCoding🧑‍💻

  • Sef Palima•60
    @sef1210
    Submitted almost 3 years ago

    Qr code component main

    #accessibility
    3
    Baliram•260
    @0ME9A
    Posted almost 3 years ago

    Hi @sef1210 !!!

    Your design looks almost the same, and as a developer, I'm happy you did this. So now let's come to the point

    There are several ways to center an element(s).

    1. display: flex, justify-content: center, align-items: center --(inside parent div/element)
    2. position: absolute, left: 50%, top: 50%, transform-translate: (-50%, -50%) --(apply in that div which you want to center and important apply position: relative ---------in parent div)
    3. margin: auto --(Horizontal align)

    There are still more ways to center elements but I mostly use these css. #HappyCoding🧑‍💻

    Marked as helpful
  • Vishal Biradar•895
    @vishalbrdr
    Submitted almost 3 years ago

    IP address tracker 2.0

    #react#sass/scss
    1
    Baliram•260
    @0ME9A
    Posted almost 3 years ago

    Hi! @vishalbrdr,

    It was hard for me to complete it using react, my map was not updating so I kept it simple and completed using jquery and sass. But I want to ask

    Would you like to tell me which API you are using for Ip address?

  • Edinson Morales•100
    @Edinson25
    Submitted almost 3 years ago

    Fashion Store

    #bootstrap
    1
    Baliram•260
    @0ME9A
    Posted almost 3 years ago

    Hi!!! @Edinson25, I hope you enjoyed it and keep continue learning.

    So first of all you should add your image inside a div and apply all styles on the div and on the image use width, height, and ".img-fluid" {bootstrap 5 class} and yes don't forget to add ".overflow-hidden" {bootstrap 5 class} on the parent of img tag.

    parent div -> overflow-hidden and other classes child img tag -> img-fluid

    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