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

Dennis Rivas

@dennisrivas44100 points

Hello! My name is Dennis, and I’m currently learning front-end and React. Just building projects here to level up and land a junior dev job soon. Always down to learn new stuff and get better.

I’m currently learning...

HTML, CSS, JavaScript, React

Latest solutions

  • Testimonials Grid with CSS grid

    #sass/scss

    Dennis Rivas•100
    Submitted 27 days ago

    1 comment
  • Four Card Feature Section Using HTML and SASS

    #sass/scss

    Dennis Rivas•100
    Submitted 30 days ago

    1 comment
  • Product Card Component built with SCSS and HTML

    #sass/scss

    Dennis Rivas•100
    Submitted about 1 month ago

    1 comment
  • Recipe Page Challenge using HTML and CSS


    Dennis Rivas•100
    Submitted about 1 month ago

    1 comment
  • Social Links card using HTML and CSS


    Dennis Rivas•100
    Submitted about 1 month ago

    Ways to simplify my CSS. Or tips when moving over to React. I have started to learn React but designing is something I don't feel as confident in.


    1 comment
  • Blog Card using HTML and CSS


    Dennis Rivas•100
    Submitted about 1 month ago

    How to handle group spacing in these kind of cards. Should I make root spacing variables to use?


    1 comment
View more solutions

Latest comments

  • Puermuta•140
    @Puermuta
    Submitted about 1 month ago
    What are you most proud of, and what would you do differently next time?

    I used grid-template-areas, which i have'nt used before. It worked well. Will just keep on learning for next time.

    What challenges did you encounter, and how did you overcome them?

    It was hard to get the box-shadows right, as they covered the neighbouring cards. Made it work by creating a pseudo-element with ::after. Note: I had to set border-radius to make it look good.

    What specific areas of your project would you like help with?

    Everything helps!

    Testimonials grid sections with SASS

    #sass/scss
    1
    Dennis Rivas•100
    @dennisrivas44
    Posted 27 days ago

    Good job! Looks great. You got the sizing of the cards pretty close to the example! I do see some of your text might not be the exact size or weight (hard to tell). But I've been opening up my preview in a local browser and the design page in another tab. This lets me switch back and forth and correct the font sizing. I usually increase the font size/weight incrementally, then check the last few words of the paragraph to make sure they are in the same spot as the example. Just a tip, but it looks good, keep it up!

    Marked as helpful
  • bert114•150
    @bert114
    Submitted over 1 year ago

    Four card feature section

    #react#vite#sass/scss
    1
    Dennis Rivas•100
    @dennisrivas44
    Posted 30 days ago

    Hey @berth114, looks great! I personally put a div around the two center cards that way they could have their own flex and flex direction to have that column. Then, when you need to scale down to mobile view, you can change that parent div to flex column and you'll get the mobile view! Looks great!

  • audreylyn•80
    @audreylyn
    Submitted about 1 month ago

    Product preview card using sass

    #sass/scss
    1
    Dennis Rivas•100
    @dennisrivas44
    Posted about 1 month ago

    Looks good, might be slightly larger than the design model, but only thing I can see being an issue is the price font being too big.

  • Franoto85•20
    @Franoto85
    Submitted about 1 month ago

    Recipe Page, Media queris

    1
    Dennis Rivas•100
    @dennisrivas44
    Posted about 1 month ago

    Great job! looks like you have some extra padding on the right side of your text, but that might just be a line of css needing to be changed. And other than that only thing I see is the title needing that font from the example but looks great! Keep it up.

  • Za-editor•140
    @Za-editor
    Submitted about 1 month ago
    What are you most proud of, and what would you do differently next time?

    getting familiar with css and page responsiveness

    What challenges did you encounter, and how did you overcome them?

    did not face any challenge for this actually

    What specific areas of your project would you like help with?

    none for now

    Social links profile using css flexbox

    1
    Dennis Rivas•100
    @dennisrivas44
    Posted about 1 month ago

    Looks good! I think the font size for the name is slightly too large but you got the spacing down great. Looks identical to the example.

  • Musawer-coder•70
    @Musawer-AFG
    Submitted about 1 month ago

    Blog preview card

    1
    Dennis Rivas•100
    @dennisrivas44
    Posted about 1 month ago

    Looks almost pixel perfect! Looks like your design is smaller by the slightest amount(pixels!). Looks like the main heading might have the slightest amount more padding on top/bottom, but this is a lot closer than mine! Great work!

View more comments
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

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