Skip to content
OverviewSolutions
8
Comments
10
Baliram
@0ME9A

All comments

  • Baliram•260
    @0ME9A

    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
  • Baliram•260
    @0ME9A

    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
  • Baliram•260
    @0ME9A

    Hey Benevolent, congratulations on your solution!

    Nice job...

    #happyCoding🧑‍💻

  • Baliram•260
    @0ME9A

    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
  • Baliram•260
    @0ME9A

    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?

  • Baliram•260
    @0ME9A

    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
  • Baliram•260
    @0ME9A

    Hi!!! @femizi,

    I found something not great {error} on your site.

    Try searching India and click {open detail window} You can see on click of India card it opens "British Indian Ocean Territory" but it shouldn't be.

  • Baliram•260
    @0ME9A

    Hi! @Olumide2596,

    You designed it very well it looks good. Not as same as the original design but it is perfect and you should do one more thing, align it vertically {not align vertically, especially on the big screen}.

  • Baliram•260
    @0ME9A

    Hello @Njabz-1, You have to add (.flex-sm-column) in this element ⤵️

    <div class="row justify-content-center mt-5"> and your card is not in center so center it.

    You Should Live Your site and correct the default readme file.

    And of course, it's not too hard you can do it easily. 🙂

    Marked as helpful
  • Baliram•260
    @0ME9A

    Hii @DavidMorgade, Thank you for suggesting Documentation.

    And yes it is hard to change the map location I mean LNG and LAT updates but map looks like they are fixed.

    I spend 🤪 too much time searching for how to fix that bug but got nothing and finally finished 🧑‍💻 with basic tech HTML, sass, and jquery.

    Now i'm going to learn that hook and your code too.

    Thank you Bro one more time👍