Submitted
sutaC
@sutaC
All solutions
Submitted
Submitted
Submitted
Easybank landing page - Svelte
- HTML
- CSS
- JS
Submitted
Multi step form - Svelte
- HTML
- CSS
- JS
Submitted
Lunch countdown timer - SvelteKit
- HTML
- CSS
- JS
Summary
I managed to complete the given project in its entirety! I even completed the bonus task.
Where do I need feedback?
This is one of my first attempts at animating in CSS, so feedback on my work would be very helpful. Thanks in advance for your help!
Submitted
Hi! I'm just starting with Next.js, so all tips are welcome :3
Submitted
I'm just starting with Next.js, so any tips are welcome :3
Submitted
This is my first project using Next.js, so suggestions on how to do it better are welcome.
Submitted
Shortening Api Master - SvelteKit
- HTML
- CSS
- JS
- API
Submitted
Room homepage - SvelteKit
- HTML
- CSS
- JS
Task done
Apart from that, I encountered small problems with the responsiveness of the site on large screens as the layout is not quite even. I had a hard time getting the photos to the right size so they wouldn't stretch. I got the desired results, however some advice may be useful :3
Submitted
Submitted
Summary
I managed to complete the main assumptions of the task. In addition, the selected theme and added todo are saved in local storage - I found this to be a helpful feature.
Problems
I also took care of the Drag and Drop function - I used html events for this and it turned out to be a great chore. DnD doesn't work on mobile devices, but I didn't want to mess with it anymore. Do you have any recommendations for DnD for the future?
Update - with a longer hold on a mobile device, you can also move DnD
Submitted
Submitted
The only problem I encountered was setting the border color to a linear gradient in CSS. In the end I just set it to a solid color. Suggestions on this topic are welcome :3
Submitted
Submitted
Age calculator app - SvelteKit & TS
- HTML
- CSS
- JS
Submitted
Submitted
Tip calculator app - SvelteKit
- HTML
- CSS
- JS
I was wondering if I can make a layout using only CSS so that by clicking on the internal input I am able to activate the label, thus selecting the input radio. In the end, however, I just used JS for this, but it seems an interesting topic.
<input type="radio" name="tip" id="tip6"> <label for="tip6"> <input type="number"> </label>
Submitted
Advice generator app - SvelteKit
- HTML
- CSS
- JS
- API
Submitted
Submitted
I was wondering if there is a better way to responsively position background images, but I couldn't come up with anything better than this:
background-image: url('./images/bg-pattern-top.svg'), url('./images/bg-pattern-bottom.svg'); background-repeat: no-repeat, no-repeat; background-position: calc(-40rem + 20vw) -90vh, 50vw 40vh;
Submitted
-
I had some difficulties with positioning the images. In the end I did it the hard way (translate/pos absolute). I'm curious about a better solution, but I couldn't find anything more sensible.
-
Additionally, is there any better way to do mobile layout?
-
Submitted