Tst Max
@Tasin269All comments
- P@To-be-Sun@Tasin269
git gud
- P@To-be-Sun@Tasin269
git gud
- P@MsadafK@Tasin269
git gud
- P@To-be-Sun@Tasin269
git gut
- @SimonHicklingWhat are you most proud of, and what would you do differently next time?
This was a tough one to get the layout correct. I tried a number of approaches, but I think this grid approach worked best. Let me know if you can see any improvements I could have made. Many thanks
@Tasin269You need to fix your spacings, alignments, margin. Reduce them and use responsive units(em, rem, variables).
- P@welpmozWhat are you most proud of, and what would you do differently next time?
I'm very proud of my CSS knowledge. Next time, I would make sure to document my progress more effectively by using Git branches properly.
What specific areas of your project would you like help with?I need help with accessibility, especially when opening a menu. Which ARIA attributes should I use?
Responsive Loopstudios Landing Page using CSS methodologies
#accessibility#cube-css#sass/scss#typescript#react@Tasin269Looks like you haven't applied dark overlay on hero image.
- P@felix-stuff@Tasin269
Looking great
- @ClaudiaRamirezDWhat are you most proud of, and what would you do differently next time?
I found it very challenging; the Zoom layout took me a long time. I am just starting with modals, I suppose.
What specific areas of your project would you like help with?I am a bit confused about how to manage different layouts for varying screen sizes.
@Tasin269Design is good but the cart doesn't show up sometimes after adding items. You need to fix that logic.
- @akri-devWhat are you most proud of, and what would you do differently next time?
Proud that I got to solve
What challenges did you encounter, and how did you overcome them?font-size
resizing using a formula with the use of thecalc()
functionHad a hard time coming up with the formula. Honestly, had to use an AI tool to simulate through a table of different viewport widths to figure out a formula to get a specific
What specific areas of your project would you like help with?font-size
at a specificviewport-width
I would like help if I made the right call using calc()? What is/are the alternative without usng media queries? or is/are there any?
@Tasin269So I have seen your code and I couldn't figure out how are you calculating the font-size😅. I'm not a pro but I generally use rem along media queries to change the font-size of all texts in a single go for different viewport sizes. Also I don't think we need to setup font-size for every width.
- @Cesare94What are you most proud of, and what would you do differently next time?
I had no difficulty with using css and javascript. The dimensions are not quite correct
What challenges did you encounter, and how did you overcome them?To speed up the work, I made use of the jquery library.
What specific areas of your project would you like help with?the only thing I regret is not being able to use the opacity for the body via javascript.
@Tasin269There's lot stuff not right over there. You need to fix all kinds of like margin, padding, width, etc. You need to fix alignment. You need to adjust colors. Maybe you do another one from scratch.
- P@jdillard2532@Tasin269
Looks good bro. But there's one problem there isn't any space between search bar and actual content so it looks kind of weird on smaller devices.
- @bsouch@Tasin269
You need to keep the answer of the first question out there. Other than that everything looks fine.
- P@welpmozWhat are you most proud of, and what would you do differently next time?
Using the BEM methodology makes my project much clearer, whether it’s for tagging the page, styling, or adding functionality with JavaScript.
What challenges did you encounter, and how did you overcome them?None in particular.
What specific areas of your project would you like help with?I think my solution works well on different screen sizes. However, I’d like it to look good when zooming in too, as there’s currently an overflow issue at the top. Any suggestions to fix this without affecting functionality would be greatly appreciated.
@Tasin269Everything is working as intended and looks good. But You may want to reduce the transition time for swapping cards. It looks a bit slow(my personal opinion).
Marked as helpful - @AlfeynWhat are you most proud of, and what would you do differently next time?
js functions, and for the next I want to work on code minimization.
What challenges did you encounter, and how did you overcome them?nothing for now
What specific areas of your project would you like help with?my js methods
@Tasin269git gud
- @Sunvic567@Tasin269
Some alignments needs to be fixed. Other logics are working as intended.
- @Cesare94What are you most proud of, and what would you do differently next time?
I did it quite well. Only the screen that indicates the correct email entry has a different style.
What challenges did you encounter, and how did you overcome them?I had trouble with javascript getting the form to work properly. Even the responsive. I spent some time reviewing variables and if/else state.
What specific areas of your project would you like help with?I would like to improve a lot in javascript and use jquery better
@Tasin269You need to center the form
- @AramHagen@Tasin269
Everything's great. Good job.
- @zzdevs@Tasin269
You need to position the container at the center and reduce the amount box shadow. Other things are fine