Joseph Reyes
@JreyIVAll solutions
Advice Generator App
Submitted about 1 year agoAny better, more efficient ways to solve this? is my code clean? Best practices?
Github User Search Challenge
Submitted about 1 year agohow could I refactor my javascript? I know there are ways I just didn't attempt to
Single Page Design Portfolio
Submitted about 1 year agoHow can I write cleaner code. Any redundancies? any tips on the infinite scrolling? mine is buggy
BMI Calculator
Submitted about 1 year agoHow can I make this code cleaner? Especially with my media queries and javascript
Age Calculator App with happy birthday message
Submitted about 1 year agoper usual, is my code clean, or are there better and more efficient ways to handle things? Any redundancies?
Tip Calculator App Challenge
Submitted about 1 year agoRegarding 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.
Time Tracking Dashboard
Submitted about 1 year agoAny redundancies? Was my way of doing it effective or is there a better, cleaner way to do it?
Newsletter Sign-up
Submitted about 1 year agoAre 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.
article preview component
Submitted over 1 year agoAny redundancies with my code?
Any tips on best practices I might be not be doing?
Meet Landing Page
Submitted over 1 year agoI 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?
Testimonial Grid Section
Submitted over 1 year agoAre 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.
Four Card Feature
Submitted over 1 year agoFor 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?
Product Preview Card Component
Submitted over 1 year agoany 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.
Recipe Page
Submitted over 1 year agoHow 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?
Social Links Profile
Submitted over 1 year agois 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; }
responsive design using flex and media query. uses custom css too
Submitted over 1 year agocleaner code, how to finish quicker
flexbox solution
Submitted over 1 year agoHow do you use figma to make it more pixel perfect (or at least close to)