@Dhia-zorai
Latest solutions
Responsive loopstudio landing page
Submitted 21 days agoAny idea to align the footer component as per the design would be appreciated.
Time Tracking Dashboard using HTML, CSS & JS
Submitted about 1 month agoI need help on adding a hover effect to individual cards and pointing cursor
Latest comments
- @BCEESAY10
Hi there, please revisit your vercel deployment and provide the preview url of your site. Thanks.
- @DocForLoopWhat are you most proud of, and what would you do differently next time? Built with
- Mobile-first workflow
- Semantic HTML5 markup
- Accessibility (A11y) best practices:
- Full keyboard navigation (Tab / Shift+Tab)
- Focus trap in mobile navigation
- ESC key closes the menu
- Skip link to main content
- Visible focus styles for all interactive elements
- BEM methodology
- Responsive fluid layout from 320px to 1650px
- Flexbox
- Grid
@BCEESAY10Good job. Keep it up. Please revisit your repo url that you provided during submission.
- @saiGaneshChillara@BCEESAY10
Well done! That's an impressive solution. Just add pointer cursor to the active states to perfect your work.
Marked as helpful - @esteban-eyerideWhat are you most proud of, and what would you do differently next time?
I decided to work from mobile first, I liked how it turned out.
I also challenged myself to format the results un different ways, there's a function that formats the totals with periods for thousands and millions, and if the total reaches the billions it changes to exponential notation.
What challenges did you encounter, and how did you overcome them?it was a bit of a struggle to code the logic since there where many moving parts, I worked on each one at a time and the refactored my code as I went along to reuse different functions.
@BCEESAY10You've done a great work. Keep it up. The repo url you provided is for the previous challenge though (newsletter). You may kindly edit that in your solution.
- @TheLuuiis@BCEESAY10
Well done & great efforts. It would be great to make your work responsive to other screen sizes too. And also the functionality of the filter buttons (daily, weekly and monthly) Kudos
- @kudu01What are you most proud of, and what would you do differently next time?
I am proud of achieving this project
What challenges did you encounter, and how did you overcome them?The problem I encountered was about how to to get border box and how to centre the Image.
What specific areas of your project would you like help with?The background-colour and the box-border.
@BCEESAY10Congratulations for completing this challenge.
- The font you imported fails to load, import the right font from google fonts as follows:
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');- The font family and background color you used in the body are incorrect. The font family should be "Outfit" with a fallback font of any Vs code font family.
body{ font-family: "Outfit", sans-serif; background-color: var(--Slate-900);Don't NOT use a css variable and hsl value at the same time. Correct it in your code.
- Use the --white variable in the card class instead of #fff
- Use semantic html tags (main, header, article or section) instead of generic html tag (div)
- Border radius of the image should be equal to the border radius of the card
