Not Found
Not Found
Not Found
Oops! You need to be logged in to do that
Oops! You need to be logged in to do that
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Oops! You need to be logged in to do that
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Sky

@Skyz03
905Points

Keep up with the consistency to improve my front-end skills and take it to next level.

I’m currently learning...

JS

Latest Solutions

  • Desktop design screenshot for the Sunnyside agency landing page coding challenge

    Sunny Landing Page using React, Router, Material UI & Animations

    #react#react-router#sass/scss#material-ui
    • HTML
    • CSS
    • JS
    0
    Sky905
    Submitted

    Finally completed this landing page using react and lot of other extra added features. Note: Please click on the logo sunnyside once you open the live to visit the homepage. Implemented React components using material UI where possible with React router to different pages such as Contact & Coming soon page. Used Basic Formik in Contact page. Then applied Animation on Scroll on home page with react loader. In conclusion tired to implement Dark/Light theme for text component. If any one has any feedback to take it to the next level please drop your comment. Thanks in advance👍

  • Desktop design screenshot for the Order summary component coding challenge

    Order Summary Card using SCSS and HTML

    #bem
    • HTML
    • CSS
    1
    Sky905
    Submitted

    Any feedback to take it to the next level is highly appreciated.

  • Desktop design screenshot for the NFT preview card component coding challenge

    NFT Card using HTML, SCSS

    #sass/scss
    • HTML
    • CSS
    0
    Sky905
    Submitted

    I couldn't really get the idea of how to make the eye of hover full opacity and make background color around 50% Could anybody suggest some ideas how to implement this. Thanks in advance!

  • Desktop design screenshot for the Project tracking intro component coding challenge

    Project Title App using SCSS, JS nav

    #sass/scss
    • HTML
    • CSS
    • JS
    2
    Sky905
    Submitted

    Completed the challege after long time, learned a lot in between. So, any feedback provided will be great to take it to the next level

  • Desktop design screenshot for the Time tracking dashboard coding challenge

    Just HTML & SCSS for the Time Tracking Component

    • HTML
    • CSS
    • JS
    0
    Sky905
    Submitted
  • Desktop design screenshot for the Pricing component with toggle coding challenge

    Pricing Component using SCSS, Vanilla-JS, HTML with added Dark mode.

    • HTML
    • CSS
    • JS
    0
    Sky905
    Submitted

    Thanks for the great community, I am learning a lot, getting lot of inspiration from others sites and code. Any feedback to take it to the next level is highly appreciated. Thanks to @tediko and other for inspiration on dark mode and others.

Latest Comments

  • Solution screenshot
    • HTML
    • CSS
    • JS

    Flexbox

    2
    Sky905 | Posted 2 months agocommented on abbos's "FAQ accordion card" solution

    Hi @abbos, Great work on completing the challenge. It is a great working solution. Few things that could improve your site would be .. could you add a smooth transition for the open and close case.Cause that doesn't seems like sudden open close right now. Also you could look at the generated report to improve your solution. Other than that keep up the good work. 👍

    0
  • Solution screenshot
    • HTML
    • CSS
    • JS

    appreal coming soon challenge

    8
    Sky905 | Posted 2 months agocommented on Old's "Base Apparel coming soon page" solution

    Great work @Old Really like your solution on how you approached it. Its a good solution. Just one suggestion is that the border of email is appearing while hover on btn..I tried z-index on yours solution but doesn't seem to work. If you find a way to resolve it please drop back in the comment. Keep up the great work.

    1
  • Solution screenshot
    • HTML
    • CSS
    • JS

    Time tracking dashboard using grid layout

    6
    Sky905 | Posted 2 months agocommented on Mariane Felix's "Time tracking dashboard" solution

    Hi Mariane, Great work on completing the challenge. There a some other ways to achieve same thing in grids as bunee mentioned about grid template areas. Here is another official resource from MDN web docs I would like you to refer where all available methods with video explanations plus. A quick go around grid template area is available. Have a look its a good place to start. Link: https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Grids

    0
  • Solution screenshot
    • HTML
    • CSS

    Four card feature section master

    4
    Sky905 | Posted 2 months agocommented on Mahmoud ELshora's "Four card feature section" solution

    Hi Mahmoud, Great Solution for this challenge. I really liked your solution on how it works. Just a quick suggestion is that you can disable the hover effect of cards on mobile devices and tablets sizes as well as it does not work. Other than that good job. Keep up the good work in future challenges.

    1
  • Solution screenshot
    • HTML
    • CSS

    Flexbox, Position, Hover and PureRef

    2
    Sky905 | Posted 2 months agocommented on Kirin's "NFT preview card component" solution

    Hi Kirin, Great work on completing the challenge. I had a quick look at your code. Your solution works perfectly. In case you want to improve further I would recommend this W3schools possible way as well: here is the link for similar case: https://www.w3schools.com/howto/howto_css_image_overlay.asp

    1