Submitted about 2 years ago

Job listings with filtering using SvelteKit

Stefano•100

@oxavibes

Preview site View code

This is a solution for...Job listings with filtering

HTML
CSS
JS

3intermediate

Design comparison

SolutionDesign

Solution retrospective

Hello, Frontend Mentor coding community. This is my solution for Job listings with filtering.

I wanted to practice what I have learned recently in a tutorial. The only downside that I encountered was adding global styles in Svelte since the component styles are scoped by default. To define global styles in Svelte you have to use the ":global" selector and apply it to every selector which is very verbose but besides that, I enjoyed using it.

Community feedback

aaronrubinstein•460
@aaronrubinsteinPosted almost 2 years ago
Nice work Stefano. I just completed this challenge using Svelte as well. Per your comment on adding global styles, if you're using Vite to start a standard Svelte project there should be an app.css file in your src directory. You can add global styles there and they will apply to all your components. Hope that helps!
Marked as helpful
1
Stefano•100
@oxavibesPosted almost 2 years ago
@aaronrubinstein this may be a new feature in Sveltekit. Thanks for the tip Aaron!
0

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord