Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
9
Comments
4

William Jesus Rivas Duran

@wiridixVenezuela230 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • Ip tracker solution


    William Jesus Rivas Duran•230
    Submitted about 3 years ago

    0 comments
  • Advice Generator solution

    #fetch

    William Jesus Rivas Duran•230
    Submitted about 3 years ago

    0 comments
  • Solution Sunnyside Agency

    #tailwind-css

    William Jesus Rivas Duran•230
    Submitted about 3 years ago

    0 comments
  • Testimonials grid


    William Jesus Rivas Duran•230
    Submitted over 3 years ago

    1 comment
  • Time Trancking Complete


    William Jesus Rivas Duran•230
    Submitted over 3 years ago

    0 comments
  • HTML, CSS and Vainilla JS


    William Jesus Rivas Duran•230
    Submitted over 3 years ago

    0 comments
View more solutions

Latest comments

  • Nahid Faraji•150
    @Nahid570
    Submitted about 3 years ago

    Responsive Sunnyside agency landing page

    #sass/scss
    1
    William Jesus Rivas Duran•230
    @wiridix
    Posted about 3 years ago

    Helloo, looking at your solution is fine but I noticed certain errors and those you comment

    • The logo is not being used in the header and footer.
    • In the area of the customer testimonials what happens is that you have a height: 100vh and therefore occupy all the space of the viewport, you can place a height in auto or not to place a specific height.
    • In the images in the section (image_gallery) there is a small spacing between the photos, to solve that you have to remove the class "object-fit" to the images, with the grid of the container the images will occupy the space that you assigned in the grid.
    • The background color should be #91d0c2 and the letters should be hsl(168, 34%, 41%).
    • For the hover effect of the footer icons you could use a filter brightness of 10 and generate the white on the icons.

    That's what I noticed, I hope it helps you any questions you can ask 🙌

    Marked as helpful
  • Pav•0
    @itspavit
    Submitted over 3 years ago

    NFT Card Solution using flexbox

    #itcss#foundation
    3
    William Jesus Rivas Duran•230
    @wiridix
    Posted over 3 years ago

    Hello! very good job, what I recommend is that the shadow is a little less. To the avatar place a white border and change the text color to the one that comes in the challenge (--soft-blue) and finally to the hover of the image place a transition. The rest is perfect! Keep it up 🙌

    Marked as helpful
  • Tami Ribeiro•40
    @tamiribeiro
    Submitted over 3 years ago

    nft preview card component

    2
    William Jesus Rivas Duran•230
    @wiridix
    Posted over 3 years ago

    Hi! you have a very good job. The detail with your hover in the image is that the container .overlay you have to place a transparent color ( hsl(178, 100%, 50%, 60%) ) and the overlay:hover set the opacity to 1. So you have the same effect as the design.

    Good work!

    Marked as helpful
  • Camilo Parra•10
    @caparra92
    Submitted over 3 years ago

    Responsive design with css flexbox

    #accessibility#stylus
    2
    William Jesus Rivas Duran•230
    @wiridix
    Posted over 3 years ago

    You did very well. A few details I saw was the size of the card and you missed the hover effect of the image and the title.

    You are doing great!

    Marked as helpful
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub