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 Sucre
@johanglyAll comments
- @byronbyronSubmitted almost 3 years ago
- @techanthereSubmitted almost 3 years ago
This was the most easy challenge for me so far and I really liked to complete it.
Any suggestions are more than welcome :)
@johanglyPosted almost 3 years agoI 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 ; }
1 - @juan9fSubmitted almost 3 years ago@johanglyPosted almost 3 years ago
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 helpful0 - @BriuwuSubmitted almost 3 years ago
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.
@johanglyPosted almost 3 years agoits so cool, do you want to study with me? i need a partner xd
1