@dejuliansr
Latest solutions
Time tracking dashboard with HTML, CSS and JavaScript
Submitted 8 months agoIs there a way to load data in JavaScript easier and all browsers can work well on?
Newsletter sign-up form with success message HTML CSS JavaScript
Submitted 11 months agoFeel free to notify me about any problems I have in the code. Thanks.
Article preview component with HTML CSS JavaScript
Submitted 11 months agoI have a problem with transition effect on the share links list that fires when the page loads, and I have no idea how to fix it.
Four cards feature section HTML CSS
Submitted 12 months ago- How to name tags and build structure in HTML.
- How to use grid in this project.
Responsive product preview card with HTML and CSS
Submitted 12 months agoI need to learn more about grid CSS and how to control the image better.
Latest comments
- @auri222
Good work.
- @PeterBachman100What are you most proud of, and what would you do differently next time?
.
What challenges did you encounter, and how did you overcome them?.
What specific areas of your project would you like help with?.
@auri222Good work!
- @ladibanks1@auri222
Good idea on that effect. But the style of content is not good looking, you should fix that.
- @DonitronWhat are you most proud of, and what would you do differently next time?
Getting the hang of CSS grids! Had a way easier time working with it.
What challenges did you encounter, and how did you overcome them?No challenges with this one :D
What specific areas of your project would you like help with?Any feedback is appreciated :)
@auri222Good work!
- @ActuallyWIKKOWhat are you most proud of, and what would you do differently next time?
First this was pretty smooth. I started with the mobile view and then moved on to the desktop view. It turned out good though. I'm most proud of the fact that I managed to get this in a shape of good to go. I've learned quit a bit.
What challenges did you encounter, and how did you overcome them?There were a little struggle - especially with the alignment in the desktop view. Miss GPT helped me to get the hang of this and also helped fix a couple of bugs. Turns out the width values in the desktop view for my card components are very specific (23%) and I would have not figured that out without AI help.
What specific areas of your project would you like help with?I would want to find out a way to work without the negative viewport height value.
@auri222The text in the cards doesn't align properly (it should be on the left).
I know this is a little cheat but you can watch this video from Kevin Powell's YouTube channel (here is the link Responsive layout practice for beginners), which is a proper solution for this challenge, he has explained everything clearly so that you can understand better. I also watched this video and approached the flexbox solution on my own instead of the grid solution.
Marked as helpful - P@fvdumahWhat are you most proud of, and what would you do differently next time?
I would try using the picture element to change image based on view ports.
What challenges did you encounter, and how did you overcome them?Nothing in particular.
What specific areas of your project would you like help with?Nothing in particular.
@auri222- Your CSS is so neat and clean.
- The product description needs some line height to make it look more similar to the design.
