alvarozama
@alvarozamaAll solutions
- Submitted 4 months ago
Room homepage
- HTML
- CSS
- JS
Any ideas as to how the switching of slides could be improved to be more visually interesting would be greatly appreciated.
- Submitted 4 months ago
Loopstudios landing page
- HTML
- CSS
- JS
Acessibility. I feel like I'm still unable to get the whole aria label, labelledby, expanded, etc. right.
- Submitted 5 months ago
NFT preview card component
- HTML
- CSS
Knowing if I used the BEM methodology correctly. I didn't use any Modifier for this challenge and that makes me think I'm probably not doing the BEM thing quite right.
- Submitted 5 months ago
E-commerce product page challenge
- HTML
- CSS
- JS
Just the accessibility part. I still can't wrap my head around thing like aria-expanded, aria-controls, aria-label, and the like. I feel like I'm probably not using them correctly.
- Submitted 5 months ago
News Homepage Challenge
- HTML
- CSS
- JS
Checking for missing accessibility features on my HTML markup.
- Submitted 5 months ago
Contact Form challenge
- HTML
- CSS
- JS
Pretty much the above stated points. Any help with that would be greatly appreciated.
- Submitted 5 months ago
Interactive Rating Component
- HTML
- CSS
- JS
The component shows what it has to, but I'm not sure if the handling of the form is right. I'd appreciate it if someone could take a look at that.
- Submitted 5 months ago
Tip calculator app
- HTML
- CSS
- JS
So, here are the parts of the project that I couldn't quite implement in a satisfactory fashion:
- In order to retrieve the value of a given selected percentage button, I looped through them and used an event listener to look for clicks on said buttons. However, both the retrieval of this value and the calculatio of percentages were coded inside the same function, meaning that the calculation is only performed when clicking on a percentage button. As a result of this, the app only works when entering values for the bill and people inputs first and then selecting the desired tip percentage.
- In line whith the previous point, I wanted to make it so that the calculations were performed in real time as the user enters, erases or changes values. To do this I tried to create different functions for retrieveng the selected bercentage button value and for performing the calculations, bus was unable to make them work in tandem.
- Whenever the user selects a percentage button it becomes highlighted, but if the user selects a different one without using the reset button, the newly selected button becomes properly highlighted, put the previous one doesn't go back to the default state. I could't find a way to fix this and feel like the problem lies, again, with the implementation of my functions and event listeners.
- Submitted 5 months ago
Time trecking dashboard challenge
- HTML
- CSS
- JS
I feel like my fetch statemant is not very well polished, specifically in terms of the handling of errors. Other than that, I realized that when opening the console on the live site, everytime I toggle through the different timeframes a lot of unchaught TypeErrors appear and, in all honesty, I have no idea what that's all about. I'd appreciate if someone could point me in the right direction in terms of mending those errors.
- Submitted 6 months ago
Newsletter signup challenge
- HTML
- CSS
- JS
If anything, I'd like to improve the design of the mobile layout. I'm not completely satisfied with it.
- Submitted 6 months ago
Article preview component
- HTML
- CSS
- JS
While the solution to the problem previously outlined kind of worked, it only did so when loading the page on a certain screen size and sticking to it. Loading the page on a mobile display would make the share button work as long as one remained on that display. However, when trying to go from mobile to desktop display or viceversa, the behaviors of the button would overlap and the speech bubble meant for desktop display would show on mobile, or the SNS bar meant for mobile would show on desktop. I had no idea how to solve this problem and would appreciate some insights on what I coul do differently.
- Submitted 6 months ago
Testimonial grid section project
- HTML
- CSS
Sizing of the whole page, sizing of the grid, sizing of everything. I feel like my grid, while having a fairly similar layout to the one on the model, is visibly larger.
- Submitted 6 months ago
Product Preview Card project
- HTML
- CSS
Same as last time, the breakpoints for media queries are still something I struggle with. Also, for the sake of brevity, I just used the breakpoints for 475 and 1024px screens, so the transition from one to the other is really messy. I intend to work on implementing a solution to make the whole transition more steadily responsive.
- Submitted 6 months ago
Recipe page project
- HTML
- CSS
I resorted to using some awkward span elemts to style the space between the bulletpoints and the text of lists. I'm wondering if there's a better way of doing this.
- Submitted 6 months ago
Blog preview card using HTML and CSS
- HTML
- CSS
Making the layout responsive to shrink the container in size when browsing on mobile devices without media queries. Also, I'm under the impression that images don't show on the live site, so I'm not sure if I'm doing something wrong when calling the src on my index.html.
- Submitted 6 months ago
QR Code component using HTML and CSS
- HTML
- CSS
I feel like even for such a simple project my CSS ended up using way too many selectors and rules, so I'm only wondering if there was a cleaner, more concise way of doing it. Other than that, I have no specific questions.
