Skip to content
OverviewSolutions
8
Comments
10

Baliram

@0ME9AINDIA260 points

Next-level React developer.

I’m currently learning...

Full-stack Development

Latest solutions

View more solutions

Latest comments

  • Baliram•260
    @0ME9APosted 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
    0
  • Baliram•260
    @0ME9APosted 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
    1
  • Baliram•260
    @0ME9APosted over 2 years ago

    Hey Benevolent, congratulations on your solution!

    Nice job...

    #happyCoding🧑‍💻

    1
  • Baliram•260
    @0ME9APosted over 2 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
    0
  • Baliram•260
    @0ME9APosted over 2 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?

    0
  • Baliram•260
    @0ME9APosted over 2 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
    0
View more comments