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

ralrafie96

@ralrafie9680 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

  • News Homepage Main


    ralrafie96•80
    Submitted about 1 year ago

    Maybe I could use help animating the modal shadow, as it currently toggles between display none and block


    0 comments
  • Recipe Page Main


    ralrafie96•80
    Submitted about 1 year ago

    None for now, I feel comfortable with the project so far


    1 comment
  • Social Links Profile Main


    ralrafie96•80
    Submitted about 1 year ago

    None for now, still working on identifying responsiveness of applications without media queries


    1 comment
  • Blog Preview Card Main


    ralrafie96•80
    Submitted about 1 year ago

    None with respect to this particular challenge


    1 comment
  • qr-code-component-main


    ralrafie96•80
    Submitted over 1 year ago

    What units of measurement should be used for different style attributes (where to use px, rem, %)?


    1 comment

Latest comments

  • Craig Wolfe•190
    @craigwolfe
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    Learned about new ::marker psuedo element. Not sure I would do much differently.

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

    Getting the recipe image styles correct.

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

    Can't think of any right now. I may try to convert this into a React project using a recipe API.

    Recipe Page- Responsive Mobile Design

    1
    ralrafie96•80
    @ralrafie96
    Posted about 1 year ago

    The line spacing for each paragraph could be adjusted to match the design better, as well as the margins on the edge of the card. The title for the card could also have the font-weight reduced, otherwise, the solution looks really good and matches well

  • filtur•40
    @filtur
    Submitted about 1 year ago

    Social Links Profile

    1
    ralrafie96•80
    @ralrafie96
    Posted about 1 year ago

    It seems as though there was some split on whitespace that caused the extra item in the list to generate. Consider wrapping each item into an element or utilize the list item elements to block off each item. Otherwise the solution looks really good, and I like the addition italics for the quote!

    Marked as helpful
  • Moshiur•230
    @codermoshiur
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    Implementing everything I've learned about HTML and CSS to accurately replicate the blog preview card.

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

    Ensuring that the design is implemented in a responsive manner; hence, use the browser developer tools to confirm responsiveness.

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

    Nothing specific, but any feedback is highly appreciated.

    Blog preview card using CSS Grid

    1
    ralrafie96•80
    @ralrafie96
    Posted about 1 year ago

    The solution you produced is very clean, I enjoy the link hover effect on the title of the page. I believe there is a hover effect on the card as a whole, to indicate that it would be selected, and that would cause a shift in the box shadow. Otherwise, I think you've done a great job replicating the card!

  • Allen Rojo•10
    @allenrojo
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    ..

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

    ..

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

    ..

    QR Code

    1
    ralrafie96•80
    @ralrafie96
    Posted over 1 year ago

    The solution provided looks good so far. If the size of the card and box-shadow are adjusted to match the example, it'll look great! A look at the mobile view should give some good insight on how much adjustment needs to be made.

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