Gwenaël Magnenat
@gmagnenatAll solutions
- Submitted 2 months ago
Workit landing page | SCSS, BEM, Vite
- HTML
- CSS
Any feedback is welcome. I rushed a bit on the css there are probably stuff left that could be optimized.
- Submitted 2 months ago
FAQ accordion | SCSS, Vite
- HTML
- CSS
- JS
How would you add animation to this solution, without changing to much the current code.
- Submitted 3 months ago
Password generator app
- HTML
- CSS
- JS
I added (to try) a debounce function to reduce the function call and dom update. Is there better ways to do this?
I'm open to any suggestions on code organisation in vanilla JavaScript.
- Submitted 4 months ago
Tip Calculator App | SCSS + Vite
- HTML
- CSS
- JS
I try to include accessible feature in my solution. Currently it is using the `` element.
I'd like to have something announced like "total per person: 100$, tip per person 5$". The issue I have is only the value is announced as the text stays the same. I try to clear the html before updating the value. Still the number only is announced. (I use firefox and voiceover on mac)
- Submitted 4 months ago
Time Tracking Dashboard with Tabs pattern
- HTML
- CSS
- JS
What do you think about how I fetched and processed data?
Do you have a suggestion to make it easier?
- Submitted 5 months ago
Newsletter signup with success message
- HTML
- CSS
- JS
I need to find a way to leave focus from the triggered element when the success message is closed.
- Submitted 5 months ago
Single Price Grid Component with SCSS and Vite
- HTML
- CSS
CSS best practice for good Maintainability.
- Submitted 5 months ago
3-column preview card component (SCSS/BEM and Vite)
- HTML
- CSS
Any feedback is welcome.
- Submitted 5 months ago
Article Preview Component (CSS/JS)
- HTML
- CSS
- JS
Accessibility. I tried to do my best with svgs, links and keyboard navigation. I'm always open to suggestion for improvement in this area.
- Submitted 6 months ago
Meet landing page (SCSS, BEM, Grid, Flexbox)
- HTML
- CSS
I feel there's a lot of micro styling on elements for fonts and spacing. There must be a way to make this more consistent. I will keep refactoring and pushing update to this solution.
- Submitted 6 months ago
Four Card Feature Section (CSS GRID, SCSS)
- HTML
- CSS
SCSS mixins and functions. I'm sure there's a trick to simplify the code and use some mixins to generate some part of the code. Some part of the code seem to have to much repetition.
- Submitted 6 months ago
Product preview card (SCSS, BEM)
- HTML
- CSS
I'd like suggestion on how to use more mixins to reduce the main.scss. If you can give me recommendation on accessibility markup I could add?
- Submitted 6 months ago
Recipe page using BEM and SCSS
- HTML
- CSS
Code organisation. I start to see how to be efffective with properties, mixins etc but I still feel it's a bit of a mess. there must be some better way to organise everything.
- Submitted 6 months ago
Social Links profil (SCSS)
- HTML
- CSS
What is your best structure to organise your styles in different files?
- Submitted 6 months ago
Blog preview card. Accessible card, SCSS, Vite
- HTML
- CSS
I want to learn more about scss mixins and functions. And also learn how to do more modulare css.
- Submitted 6 months ago
Qr-code challenge, HTML, CSS, BEM
- HTML
- CSS
I would need help on code structure. I'm not sure about the card__wrapper, it feels like an extra div that can be simplified;
- Submitted over 2 years ago
Product Preview Card Component | VueJs, Mobile First, Responsive image
- HTML
- CSS
