Looking to hire developers?
@johangly
@byronbyron
Submitted
Hello ladies and gentlemen! I've had a stab at doing this IP tracker with the map using SvelteKit. I'm a bit of a noob with SvelteKit at the moment, so I've probably bodged it quite a bit. At least the styling is on point, though! 😅
@johangly
Posted
It's perfect :)
Marked as helpful
@techanthere
Submitted
This was the most easy challenge for me so far and I really liked to complete it.
Any suggestions are more than welcome :)
@johangly
Posted
I prefer not to include the attributes section, add more padding on the cards, you forgot the font on the buttons, try using:
.card *{
font-family: Xfont ;
}
@juan9f
Submitted
@johangly
Posted
Hi, i have tips for you :), i recomend use this html structure:
<body>
<main>
<article class="card"
</article>
</main>
</body>
If you can, don't use the width, the max-width property is better and more adaptable, try with the max-width: 350px to the card, and min-width is good too.
To separate text, divs, img, etc etc use the margin.
if you want to center the card use display:flex, justify-content:center, align-items:center, this you will center everything inside the div.
the main tag add min-height: 100vh for use all screen.
the report for more details about the accesibility.
good luck, and if you need anything I'm here to help you.
Bienvenido :3
Marked as helpful
Hello~! (●ˇ∀ˇ●)
This project further helps me understand about JS and forms, which is really awesome! But JS still confuses me, so if you have any tips please let me know!
Please do check this one out! If you have any feedback or suggestions, please do let me know! Thank you so much.
@johangly
Posted
its so cool, do you want to study with me? i need a partner xd
