Social links profile with Tailwind and JavaScript (No CSS)
Design comparison
Solution retrospective
Hello! I'm Daniel and this is my solution for this challenge! π
Very nice challenge with plenty of room for customization π
I took the opportunity to practice my recently acquired JavaScript skills to add a light/dark theme to this project.
If you have any suggestions on how I can improve this project, feel free to leave me a comment!
Feedback welcome π
Community feedback
- @chemsodevPosted 10 months ago
nice workk siirr i thinks it's better than the original haha i will try to do it in html/css and we will see which one is betterπ.
1 - @AdeMEDIAPosted 10 months ago
Awesome design here @danielmrz-dev.
But there's an issue with the live website
- Your image is not showing as it's in the screenshot.
- I can't find the Dark and light feature on the page too.
Kindly check it out and make proper changes sir. π
1@danielmrz-devPosted 10 months ago@AdeMEDIA
That's wierd... I tested everything on 3 different browsers and everything is working just fine π€
Thanks anyway π
0 - @chemsodevPosted 10 months ago
I have a quick question do u set height:100vh;and width:1440px;? cuz when i do it it's does not fit quite good what do U think?
0 - @vishalpankhadePosted 10 months ago
The website is perfect but the width of your card is taking 100%, It covers the whole website width in Chrome browser but in Firefox it is perfect,
You wrote style with JS, which is good but I think you should set @media-query for mobile-responsiveness, the Chrome dev tool shows @media(min-width: 1024px).lg:p-9 { padding: 2.25rem;},
the min-width is cosying that, I guess, let me know when you fix it, I'm following you : )
0
Please log in to post a comment
Log in with GitHubJoin 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