Skip to content
OverviewSolutions
10
Comments
8
Julianna Messineo
@mathematiCode

All solutions

  • Submitted 3 months ago

    Vanilla JS

    • HTML
    • CSS
    • JS
    0
  • Submitted 5 months ago

    Time Tracking Dashboard with Grid

    • HTML
    • CSS
    • JS
    0

    Chat GPT gave me the suggestion to use this code:

    fetch("./data.json")
  .then((res) => res.json())
  .then((data) => {
    timeData = data; // Assign fetched data to timeData
    fetchTimeDaily(timeData); // Call your function with timeData after it's fetched
  })
  .catch((error) => {
    console.error('Error fetching data:', error);
    // Handle errors here
  });

    and it fixed all of my problems but I'm still not completely understanding why. Wouldn't the computer try to execute fetchTimeDaily(timeData) before timeData is set equal to data if this takes a little longer and they are both inside of the same .then statement?

    Would it be better practice to do

    .then((data) => {
    timeData = data; // Assign fetched data to timeData
}
.then (not sure what syntax goes here??)
    fetchTimeDaily(timeData); 
  })

 to make sure it waits until the first line has been fully executed?
  • Submitted 5 months ago

    Business Stats Card with Flexbox and Positioning

    • HTML
    • CSS
    0

    Is there a better way to do this than using absolute positioning? Would grid work better? How can I make an overlay cover a picture and not overflow at all?

  • Submitted 5 months ago

    Responsive FAQ Accordian

    • HTML
    • CSS
    • JS
    0

    I will happily accept any feedback or advice on anything. Accessibility, ways to do things more efficiently, or anything else.

  • Submitted 5 months ago

    Results Page with Flexbox and a Little Grid

    • HTML
    • CSS
    0

    Any feedback is much appreciated! If you have any suggestions on how I could organize my CSS or write less of it, I'd love to hear it.

  • Submitted 5 months ago

    Responsive Layout with Subgrid and Media Queries

    • HTML
    • CSS
    1

    I would love to know if it's possible or a good idea to use container queries for this. I tried to do so but I got confused with where to put the query and how to affect the container itself instead of the children.

    I'll happily take any other feedback or ideas as well!

  • Submitted 6 months ago

    Four Card Feature with Grid and some flexbox

    • HTML
    • CSS
    2

    Is there a better way to get the icon to be in the bottom right corner without creating an entirely new div inside of the card div? I'd rather not use padding or translate because I'm not sure that would work well in a more responsive layout. I did try to use translate but it pushed down one icon more than the rest because that card had 3 lines of text and the others had 2 lines. Do you think it's more efficient to use grid or flexbox for the layout within each card?

  • Submitted 6 months ago

    Blog Preview Card with Flexbox

    • HTML
    • CSS
    2

    I would love to know if there's a better way to have the card centered vertically than using margin-top.

    I also would like feedback on accessibility ways to make my CSS more efficient. One thing I was wondering was what to write for alt text for the authors profile picture. Would people using screen readers like me to describe the person in the profile picture or would that just be a nuisance? Is there a way to provide more information, like a description of the author, where people using screen readers can access it if they choose to but it's not in the way?

  • Submitted 6 months ago

    Basic Product Card with CSS Grid

    • HTML
    • CSS
    1

    I am super beginner at this stuff. I would love suggestions on how to make this simpler and more efficient. I'm interested in the best way to get the picture and info box centered and remaining the same size in a responsive way, maybe not using pixels as units.

  • Submitted 8 months ago

    QR Code Desktop Design

    • HTML
    • CSS
    1

    Other ways to move the image down without moving the div with it. Or how to get the white rectangle in the background another way (maybe without a div?).

    I wasn't too worried about making it work with different sized screens so I don't really need feedback on that.