@josephXplorer
Latest solutions
Four-card-feature-section
Submitted 8 months agoThough i have used a media query for 375px and smaller devices, i still feel like the responsiveness of the website for different sizes seem wrong, and it sounds very exhausting to design different sizes for each different size, i'll need to research that.
Product preview card component
Submitted 8 months agoA more efficient and easy way to design a site around different device sizes.
Recipe website
Submitted 8 months agoI think my media query usage was lacking here, it got the job done; but it could've been far better.
QR-code-component
Submitted 9 months agoI'm dissatisfied with the way i positioned the elements, though they get the job done, they feel very inelegant and forced.
Latest comments
- @thecodefan
It looks great!
- @diegaolindo@thecodefan
I like the usage of a different currency! though the image i think is a bit too large, and a bit of rounded corners with border-radius wouldn't hurt
Marked as helpful - @Chowder300What specific areas of your project would you like help with?
I have a hard time centering the whole container, I already used display block margin auto, and display flex, justify and align but still does not work. I just used margin on the container to center it but it feels wrong
@thecodefanhey there, i use this code usually to center an element, use this on the container div position: absolute; width:100%; height:100%; display:flex; justify-content: center; align-items: center;
- @thecodefanWhat are you most proud of, and what would you do differently next time?
My more optimal usage of CSS, alongside using media query which was a first for me.
What challenges did you encounter, and how did you overcome them?Media query was the hardest part, i had to fit everything on a smaller screen
What specific areas of your project would you like help with?I think my media query usage was lacking here, it got the job done; but it could've been far better.
@thecodefanBy the way, for some reason in the screenshot the bottom part is messed up, this isn't the case on the live website, both on mobile and desktop.
- @badukucuk@thecodefan
Looks solid!
- @AidenT11What are you most proud of, and what would you do differently next time?
I liked that I planned the page before staring work. I thought about how the page was structured and what css will likely be used. Next time I will try to get a better understanding of grid layouts so I don't have to add as much manual movements to elements.
What challenges did you encounter, and how did you overcome them?When starting, I could not make grid layout work the way I wanted to but after researching grid and other methods such as margin top I was able to place elements at the correct places.
What specific areas of your project would you like help with?I would like people to explain what improvements can be made to my approach of layouts as I know my consistent use of margin top is bad.
@thecodefanIt's really interesting that you used grid for this, it looks good!
