Skip to content
OverviewSolutions
9
Comments
5
Carisa Elam
@carisaelam

All solutions

  • Submitted 6 months ago

    Responsive design accordion

    • HTML
    • CSS
    • JS
    2

    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.

  • Submitted 7 months ago

    NFT Preview Card

    • HTML
    • CSS
    0

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

  • Submitted 8 months ago

    Order Summary Component

    • HTML
    • CSS
    1

    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.

  • Submitted 8 months ago

    Refactored Product Preview Card

    • HTML
    • CSS
    1

    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?

  • Submitted 8 months ago

    Product Preview Card

    • HTML
    • CSS
    1

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

    When does it make sense to use each method?

  • Submitted 8 months ago

    Recipe page

    • HTML
    • CSS
    1

    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?

  • Submitted 8 months ago

    Social links

    • HTML
    • CSS
    1

    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?

  • Submitted 8 months ago

    Blog card

    • HTML
    • CSS
    2

    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.

  • Submitted 8 months ago

    QR code challenge

    • HTML
    • CSS
    1

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