Latest solutions
Latest comments
- @yxwangOCR@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 - @fhero2030@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 - @bene-volent@0ME9A
Hey Benevolent, congratulations on your solution!
Nice job...
#happyCoding🧑💻
- @sef1210@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).
- display: flex, justify-content: center, align-items: center --(inside parent div/element)
- 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)
- margin: auto --(Horizontal align)
There are still more ways to center elements but I mostly use these css. #HappyCoding🧑💻
Marked as helpful - @vishalbrdr@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?
- @Edinson25@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