Skip to content
OverviewSolutions
18
Comments
13
Joseph Reyes
@JreyIV

All solutions

  • Submitted 5 months ago

    Advice Generator App

    • HTML
    • CSS
    • JS
    • API
    1

    Any better, more efficient ways to solve this? is my code clean? Best practices?

  • Submitted 5 months ago

    Github User Search Challenge

    • HTML
    • CSS
    • JS
    • API
    0

    how could I refactor my javascript? I know there are ways I just didn't attempt to

  • Submitted 6 months ago

    Single Page Design Portfolio

    • HTML
    • CSS
    • JS
    1

    How can I write cleaner code. Any redundancies? any tips on the infinite scrolling? mine is buggy

  • Submitted 6 months ago

    Sunnyside Agency Landing Page

    • HTML
    • CSS
    • JS
    0

    any redundancies? can it be cleaner?

  • Submitted 6 months ago

    BMI Calculator

    • HTML
    • CSS
    • JS
    0

    How can I make this code cleaner? Especially with my media queries and javascript

  • Submitted 7 months ago

    Age Calculator App with happy birthday message

    • HTML
    • CSS
    • JS
    2

    per usual, is my code clean, or are there better and more efficient ways to handle things? Any redundancies?

  • Submitted 7 months ago

    Tip Calculator App Challenge

    • HTML
    • CSS
    • JS
    2

    Regarding my javascript, are there ways to make it more efficient and cleaner/more readable? I want to practice making the cleanest code that I can.

  • Submitted 7 months ago

    Time Tracking Dashboard

    • HTML
    • CSS
    • JS
    1

    Any redundancies? Was my way of doing it effective or is there a better, cleaner way to do it?

  • Submitted 7 months ago

    Newsletter Sign-up

    • HTML
    • CSS
    • JS
    1

    Are there better ways to go about hiding and displaying components? I used style.display none and flex. Take a look at my dismiss button to take me back to the main newsletter sign-up. I feel like it is slow because it takes a second to switch back. Why is that?

    Also are there any tips for sizing? Sometimes it feels like the size is smaller than the design so I make it bigger but then the wording inside is off (line breaks at different words and padding off etc.) It's too hard to make it pixel perfect.

  • Submitted 7 months ago

    article preview component

    • HTML
    • CSS
    • JS
    1

    Any redundancies with my code?

    Any tips on best practices I might be not be doing?

  • Submitted 7 months ago

    Meet Landing Page

    • HTML
    • CSS
    1

    I couldn't figure out how to move two images on the hero to the end of the screen so that they were cut off by the edge of the screen like the design without making a huge hap between them on mobile screens. How did you guys do that?

    As usual, are there any redundencies in my CSS that I would fix?

    How do you guys deal with sizing efficiently?

  • Submitted 7 months ago

    Testimonial Grid Section

    • HTML
    • CSS
    1

    Are there any redundancies in my code? how can I clean it up a little bit more? Specifically with each child, I feel like there might be a better way to handle each child and their differences.

  • Submitted 7 months ago

    Four Card Feature

    • HTML
    • CSS
    1

    For this specific project I noticed that when working with grid-template, my divs would expand to unusual lengths when working with the grid-columns/rows. For example,

      .content-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(4, 1fr);
  }

  .content-grid div:nth-child(1) {
    grid-column: 1 / 2;
    grid-row: 2 / 4;
  }

    the 1st child would elongate and become bigger than the other children. It wasn't until I finished positioning the last child that they all snapped back into their original space. Why is that? what are your favorite resources to learn and practice grid and grid-template stuff?

  • Submitted 8 months ago

    Product Preview Card Component

    • HTML
    • CSS
    1

    any tips for the responsiveness would help. It seems like it takes me a long time to figure out the responsiveness. Also I always struggle with sizes. min and max width and heights screw me up and i have things that keep growing and things that stay a certain size which is frustrating. I have to toy around with the sizes which takes me a little long, i wish I could get that down in 1 try.

  • Submitted 8 months ago

    Recipe Page

    • HTML
    • CSS
    1

    How do you eyeball the design? I tried using the different weights for my fonts and they still always looked different from the design no matter which one I used. and what about the width and height of the card itself? without figma is there a way to get exact measurements or do I really need figma for that?

    in my code do you see anything that can be removed or consolidated? maybe some patterns that I tend to repeat a lot that could be placed into one variable or something? Do you think my code is clean enough or would it be a problem in the field?

  • Submitted 8 months ago

    Social Links Profile

    • HTML
    • CSS
    1

    is there anyway I can clean up my code further? I notice that I have a lot of code where I repeat a lot (see below). Is there a way to make that more efficient or is this the common way that people write css?

    .profile-details {
  padding-block: 1rem;
}

.profile-details h1 {
  color: var(--clr-white);
  font-size: 1.5rem;
  font-weight: var(--fw-bold);
}

.profile-details p:nth-of-type(1) {
  color: var(--clr-primary);
  font-weight: var(--fw-normal);
  font-size: 0.9rem;
  padding-top: 0.5rem;
}

.profile-details p:nth-of-type(2) {
  color: var(--clr-white);
  font-weight: var(--fw-light);
  font-size: 0.875rem;
  padding-top: 1.5rem;
}
  • Submitted 8 months ago

    responsive design using flex and media query. uses custom css too

    • HTML
    • CSS
    1

    cleaner code, how to finish quicker

  • Submitted 8 months ago

    flexbox solution

    • HTML
    • CSS
    2

    How do you use figma to make it more pixel perfect (or at least close to)