Skip to content
OverviewSolutions
7
Comments
4
Rahimullah Sharifi
@Octagon-King

All comments

  • ApplePieGiraffe•30,545
    @ApplePieGiraffeSubmitted about 4 years ago

    Hey, everybody!

    This was an exciting challenge from which I learned a lot! 😃

    I tried adding to the responsiveness of this site by setting many of the margins/paddings in percentages or vw units and only using min-width in my media queries (for my first time).

    I also learned how to color the link text with a gradient (courtesy of the clip-path property 😁) and made this subtle but awesome gradient-animation-hover-effect on the buttons using pseudo-elements! 🎉

    Feedback is definitely welcomed and appreciated!

    (Also, if you would suggest any improvements to my actual code that would be cool).

    Happy coding! 👍

    Landing Page With Responsive Margins/Padding And Gradient Animations

    2
    Rahimullah Sharifi•155
    @Octagon-KingPosted over 3 years ago

    Love How you have done this project but the only thing I'm stuck on is the dark background under the curve-bg image. I have tried many ways but couldn't make it to work. when resize it just goes up and doesn't stick under the curve-bg image. I don't know what I'm doing wrong. The only way I could have think that work will be media queries which I have to use for every px which gonna take a lot of queries.

    1
  • Rahimullah Sharifi•155
    @Octagon-KingPosted over 3 years ago

    Hi Tayanne, I check your work and very well done but there some stuff you need to change. 1 - The curve image on the background, there are 2 sizes one for mobile and one for the desktop version. you can change them in media queries. 2 - The section background colour is not aligned with the background curve image. 3 - Need to change font sizes in mobile version. 4 - It's better you start first with a mobile approach and go on with larger sizes.

    Happy Coding :)

    0
  • ApplePieGiraffe•30,545
    @ApplePieGiraffeSubmitted about 4 years ago

    Hey, everybody! 👋

    This was an awesome challenge that was a little trickier than I initially thought! 😅

    This was my first time creating a site with light/dark themes but I'm pretty happy with the result. I added this cool transition that ripples over the cards when the theme is changed! 😆

    As usual, feedback is welcome and appreciated! 😊

    And as always, happy coding! 😁

    Social Media Dashboard With CSS Grid And Light/Dark Theme Transition

    6
    Rahimullah Sharifi•155
    @Octagon-KingPosted over 3 years ago

    That's really cool.. A question how to make the icons fixed to the cards.. in my solution when I try to change the resolution, it changes positions.

    1
  • Rahimullah Sharifi•155
    @Octagon-KingPosted over 3 years ago

    @grace-snow Check this link cause there was a problem with GitHub hosting. https://priceless-spence-0b014e.netlify.app

    0