Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Social links profile with Tailwind and JavaScript (No CSS)

Daniel πŸ›Έβ€’ 44,230

@danielmrz-dev

Desktop design screenshot for the Social links profile coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

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

@chemsodev

Posted

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
DEVADE/β€’ 80

@AdeMEDIA

Posted

Awesome design here @danielmrz-dev.

But there's an issue with the live website

  1. Your image is not showing as it's in the screenshot.
  2. I can't find the Dark and light feature on the page too.

Kindly check it out and make proper changes sir. 😁

1

Daniel πŸ›Έβ€’ 44,230

@danielmrz-dev

Posted

@AdeMEDIA

That's wierd... I tested everything on 3 different browsers and everything is working just fine πŸ€”

Thanks anyway 😁

0

@chemsodev

Posted

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
VISHAL_PANKHADEβ€’ 140

@vishalpankhade

Posted

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 GitHub
Discord logo

Join 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