@jolman009
I joined the front end mentor challenge site to hone my front end development skills to land a tech job in the big tech city like Texas around the Dallas and Austin area. I'm also open to remote work.
I’m currently learning...Javascript, PHP, Vue
Latest solutions
Single-Page-Design-Portfolio(HTML5, CSS3, JavaScript)
#van-jsSubmitted about 2 months agoI’d appreciate feedback on two main areas. First, the CSS grid layout—I had some issues getting the grid to align properly across all device sizes, especially when trying to keep the desktop layout intact. If anyone has tips on making the layout more flexible while preserving design intent, I’d love to hear them. Second, I’d like some input on the JavaScript I wrote for the carousel. I managed to get it working with just 24 lines of vanilla JS, but in a real-world scenario, would this code be considered maintainable? Also, are there alternative approaches to creating an infinite carousel that can scroll in either direction without jumping back to the start image? Any feedback would be super helpful!
easybank landing page - HTML, CSS, vanilla JavaScript
Submitted 3 months agoAppreciation goes out to anyone taking the time to look over my code. I’d love feedback on whether the solution adapts well to regular laptop screen sizes. Additionally, I’m open to suggestions on how I could have used the original mobile menu image icons to open and close the menu—without needing to switch to span elements inside the button tag.
Contact form using html, css, and vanilla javascript
Submitted 3 months agoI would like some help and feedback to see if there might have been a better alternative to add in my CSS code to have input tags separated without adding padding and widths.
Tech-Book-Club-Landing-Page
Submitted 5 months agoI would like to receive feedback to ensure that the code is functional across multiple browsers. Additionally, I’d appreciate advice on whether the programming language image for adaptability purposes would be better placed in its own div element within its section on desktop or as a standalone img to allow more flexibility for responsive adaptability.
Single-Page-Developer-Portfolio
Submitted 6 months agoI want feedback on sending data to Google Sheets to determine what is causing the data to fail.
Age-calculator-app
Submitted 7 months agoI would like to receive feedback on a specific challenge I encountered. A community member had already provided me with a suggestion, but I wanted to share my experience as well. I attempted to use
flex-wrap: wrapto adjust the gap, width, and height of the inputs in order to eliminate the width specified in ch units around the div with the class.input-group. However, I ended up facing a stacking issue once again. I reverted to my previous code, which worked, but I still seek feedback on how to achieve this without relying on a gap property or width specified in ch units.
Latest comments
- @EAguayodev
Great job on the challenge. Here is some feedback: -HTML,CSS, and Javascript structure was easy to follow and understand when it comes to the solution. -Layout looks good on most screen sizes.
- Close to the design, suggest making the height of the overall card inside the container a bit bigger to match the design in regards to the width and height.
- @AnDevM@EAguayodev
Code is well structured and easy to follow when understanding the process of the final outcome.
Great job putting the font sizes in rem units for accessibility.
- @MateuszZalewWhat are you most proud of, and what would you do differently next time?
Pretty satisfied with the overall result
What challenges did you encounter, and how did you overcome them?Changing the position of the "See all" button was challenging, had to refactor the code, but managed to overcome the problem with the
What specific areas of your project would you like help with?grid-template-areaspropertyAny feedback would be appreciated, thanks
@EAguayodevGreat job on completing the challenge. Your code is well structured and was readily readable from the HTML, CSS, and JavaScript code. I also learned and saw how you could put the button at the bottom on mobile using the grid-template-area property.
Overall, well with tiny improvement needs ensuring all headings and p's have rem units for accesbility.
- @Ayomide-PhilipWhat are you most proud of, and what would you do differently next time?
Think Outside the box
What challenges did you encounter, and how did you overcome them?By thinking more
What specific areas of your project would you like help with?CSS animations
@EAguayodevGreat job completing the challenge. The only recommended change is to change the width percentage on the desktop to 26% form 20% to match the expected design outcome.
- P@clyoWhat are you most proud of, and what would you do differently next time?
n/a
What challenges did you encounter, and how did you overcome them?n/a
What specific areas of your project would you like help with?n/a
@EAguayodevn/a
- P@Chirtoaca94What are you most proud of, and what would you do differently next time?
Working with the DOM to manipulate the success message and newsletter page.
@EAguayodevGood job on the challenge. Just a few light changes can be made to the challenge by changing the background color of the body to hsl(234, 29%, 20%);
- Background color is added to the newsletter container to #fff.
