@YayoKB
Latest solutions
Multi Step Form (responsive) with VUE JS, VUEX and SASS
#vue#vuex#sass/scssSubmitted almost 2 years agoResponsive rating component build with vue and tailwind 😁
#vue#tailwind-cssSubmitted about 3 years ago
Latest comments
- @Mel1207
Hi
you can try this properties and target these class .price and .time
- display: flex;
- align-items: center;
Hope it helps and great job for this work!
- @leonardomeza87@Mel1207
This is so cool both ui and ux, ✨ and all good at different screen sizes too great job bro! 😁 Im still learning react as of now, hopefully I can upload my 2nd challenge using react soon.
- @elidrissidev@Mel1207
Everything looks good in all screen size, I think you can add a smooth transition on collapsing accordion for better ux approach. Overall its amazing nice work! 😃
- @pedromigueldev@Mel1207
Everything Looks good at all screen size. Nice work! and its true css variables are so great to use 😁
- @jadedeterville@Mel1207
Hi,
you can try to add text-align: center; at your #metrics-columns and inside your span .metrics try add display: block !important, I think it will work.
Also your card lacks a little box shadow, but over all its good already, nice work!
Marked as helpful - @rboz1@Mel1207
Hi Rachel! great work on mobile layout 😀
here are some issue I found:
-
Layout for desktop (1430px+ and higher): Text and background are not properly aligned based on the mockup you can try check them on your project files.
-
Missing triangular point at the top of your toggle menu. you can check that on google just search css triangle and add it on ::before or ::after of your toggle menu.
-
You can add transition from hovers to make some smooth animations just for UI enhancement.
- You can use overflow-x property to hide horizontal scrollbar on your page.
you can check my [solution] (https://www.frontendmentor.io/solutions/html-sass-and-gsap-for-basic-animations-UBpUkE2Sb#feedback) for reference.
hope this would help. please upvote my comment if it does, thank you. happy coding 😃
Marked as helpful -
