Skip to content
OverviewSolutions
9
Comments
5
Carisa Elam
@carisaelam

All solutions

  • Responsive design accordion

    Carisa Elam•100
    Submitted 12 months 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 about 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 about 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 about 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 about 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 about 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 about 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 about 1 year ago

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

    1 comment