Michael
@MlchaellAll solutions
- Submitted 6 months ago
Workit Landing Page (Vanillia CSS)
- HTML
- CSS
The CSS is pretty messy, and there are a lot of things I could have done much better (like with the media queries) - I plan on redoing the project soon though
If anyone has any ideas on anything I could do better, let me know it would be appreciated!
Edit: Not sure why there is so much whitespace in the screenshot, it's not there on the website - Ill figure out how to fix that too
- Submitted 6 months ago
Pod Request Access Landing Page (Vanillia CSS)
- HTML
- CSS
- JS
Positioning - this is something I have trouble with in a lot of projects. I don't feel like I did it correctly, and that I kind of just threw something together and got lucky that it works. Plus, at anything larger than my screen size it is going to break
In this project, I used position rel/abs a lot and did a majority of the placement using percentages with the top/bottom/left/right properties. I had to use a bunch of media queries and on screens larger than my own it's going to break (as I'd need more media queries). Would someone be able to explain a more correct way to do this and possibly send me a link to another solution that did good at placing the different items correctly (or a video that goes in-depth on it)?
Edit: As you can see in FM's screenshot, the placement of the main div is off
Thank you!
- Submitted 6 months ago
Base Apparel Coming Soon Page (Vanillia CSS)
- HTML
- CSS
- JS
-
Would there have been a better way for me to do the placement of the email error icon to avoid using multiple media queries to update the placement?
-
I can barely see the background because of the color - though I had trouble trying to place it. I tried a bunch of different combos in background-position (using percentages and stuff) though nothing seemed to work correctly
thank you!
- Submitted 6 months ago
Intro Component with Sign-Up Form (Vanillia CSS)
- HTML
- CSS
- JS
If anyone has any ideas on things I can do better (especially related to accessibility or JS) let me know, it would be appreciated!
- Submitted 6 months ago
Interactive Rating Component (Vanillia CSS)
- HTML
- CSS
- JS
I found this project pretty easy. In the last project I did someone had recommend me to us semantic HTML tags more, so I made sure to do that (though it's a small project so). I've also only been testing all of my projects down to 375px, Grace had told me to do it down to 320px which I did
My one question: The two images (the icon & the illustration), according to one article I read I should leave alt tags off of decorative images that are truly just decorative. I know I shouldn't put an alt tag on the icon, was I right in not putting one on the illustration too?
If anyone has any ideas on anything I can do better (especially relating to accessibility), let me know, thank you!
- Submitted 7 months ago
Article Preview Component (Vanillia CSS)
- HTML
- CSS
- JS
If anyone has any ideas/tips on how I can do anything better, let me know - it would be appreciated!
I think my main problem is not spending enough time before thinking about how to layout the project and then way over complicating things while I work on it. how do y'all usually layout/breakdown projects before you begin to work on them?
Thank you!
- Submitted 8 months ago
FAQ Accordion (Vanillia CSS)
- HTML
- CSS
- JS
For some reason the background image is 1 pixel short (all screen sizes) on the left and right... I'm not sure why, would anyone have any ideas?
Thanks!
Edit: In the morning I'll go through and fix all the errors/warnings FM mentioned in the accessibility report
