Submitted
Jeuri Morel
@JeuriMorel
All solutions
Submitted
Submitted
Submitted
Hello Frontend Mentors. I don't have a specific question, but if you see something that I could improve on, please don't hesitate to give criticism. This was my first GURU challenge and it took a lot out of me. Hopefully it came out okay.
Submitted
Hey there Frontend Mentors! Thank you for looking at my solution. Any feedback would be greatly appreciated.
One issue that I struggled with and couldn't come up with a satisfactory solution is this: It looks like if you shrink an image by using "transform: scale()", the image appears smaller, but still occupies it's original dimensions. Is there any way to have their real dimensions change dynamically? For this challenge there were many images, of varying sizes, I needed to shrink and have next to each other. I ended up having to hardcode the width for each individual image. Is there a better solution to this problem?
Submitted
Multi-Page Website
- HTML
- CSS
- JS
Submitted
Rock-Paper-Scissors Site
- HTML
- CSS
- JS
I am open to receiving constructive criticism. Thanks in advance!
Submitted
Vanilla JS Calculator app
- HTML
- CSS
- JS
Submitted
Launch Countdown Timer
- HTML
- CSS
- JS
I couldn't figure out how to make the card flip effect. Does anyone know a good tutorial that could help me? I can do simple card flips, but one is rather complex in my opinion.
Submitted
Responsive Landing Page
- HTML
- CSS
- JS
Submitted
URL Shortening Page using VanillaJS
- HTML
- CSS
- JS
- API
Submitted
Todo app using VanillaJS
- HTML
- CSS
- JS
Submitted
I decided to use Vanilla JS instead of any libraries or frameworks, which made it a bit trickier but more fun.
Submitted
Submitted
Submitted
CSS chat Illustration
- HTML
- CSS
Submitted
IP Address Tracker app using vanilla JS
- HTML
- CSS
- JS
- API
Submitted
Mobile first landing page
- HTML
- CSS
- JS
Submitted
Mobile first site using Sass
- HTML
- CSS
- JS
Submitted
Dashboard with theme switcher
- HTML
- CSS
- JS
Submitted
Landing page using grid and flexbox
- HTML
- CSS
- JS
Submitted
Submitted
Testimonials slider
- HTML
- CSS
- JS
I struggled with media query styles not overriding original styling (mostly dealing with margins) and in the end had to use '!important' to get them to stick. Am not happy with that solution as from what I heard it's not considered best practice. I imported the media queries after the original styles, and assumed that that would work, but it didn't. Is there some resource that explains in detail how this works?
Submitted