Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
9
Comments
5
Carisa Elam
@carisaelam

All solutions

  • Responsive design accordion


    Carisa Elam•100
    Submitted about 1 year ago

    Couldn't figure out the best way to set media queries for this one for a good user experience. I felt like I just ended up selecting something I thought looks nice. What are the methods to finding "break points?"

    My particular issue was figuring out when to switch the background images from the mobile version to the desktop version in a way that wouldn't be too jarring for a user.


    2 comments
  • NFT Preview Card


    Carisa Elam•100
    Submitted about 1 year ago

    How am I doing with the naming? Would my naming methods scale well for larger projects?


    0 comments
  • Order Summary Component


    Carisa Elam•100
    Submitted over 1 year ago

    Is there a better, more complete way to check for accessibility on top of what I already talked about doing? To adjust my font-size, I did System Settings > Displays > Larger Text, went with the largest option, and then viewed my design in my normal browser AND through responsive design in devtools. I also looked at the live page on my phone. Everything obviously looked fine on my end, but I worry that I am missing something by not checking a certain setting.


    1 comment
  • Refactored Product Preview Card


    Carisa Elam•100
    Submitted over 1 year ago

    I'm sure this code could still be greatly improved. It appears to work as intended on my devices, but are there any overt issues within the code that I may be missing?


    1 comment
  • Product Preview Card


    Carisa Elam•100
    Submitted over 1 year ago

    Is it best practice to use background-image versus inserting an ?

    When does it make sense to use each method?


    1 comment
  • Recipe page


    Carisa Elam•100
    Submitted over 1 year ago

    right now I have "body" serving as the overall container for all of my elements. Is this best practice, or should I have created a catch-all "container" div to put everything in? If that is the case, what would be the correct semantic HTML for that div?


    1 comment
  • Social links


    Carisa Elam•100
    Submitted over 1 year ago

    I don't really understand how to use semantic html in this case when there really isn't that much going on in the design. I get using "header" "nav" "footer" etc., but for a project this small, how do I incorporate semantic html, or is it even worth it?


    1 comment
  • Blog card


    Carisa Elam•100
    Submitted over 1 year ago

    I'm still a little rusty on basics like the best way to center things in a div and to keep an image or an element from expanding beyond the bounds of its container.


    2 comments
  • QR code challenge


    Carisa Elam•100
    Submitted over 1 year ago

    Quicker and more consistent labeling of HTML/CSS elements for styling purposes.


    1 comment
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