@danilo2420
Latest solutions
css and html
Submitted about 2 months agoi'm not sure that my mobile version is good , any suggestions or critics are welcome
Latest comments
- @LostProcessor
at first sight your project looks perfect , in your code i don't understand why you use variables because your variables are not used very much so it could be better to just use values and not variables Cheers
- @Zulkifli70What specific areas of your project would you like help with?
When checking responsiveness by adjusting my layout from desktop to mobile, the appearance of my container shifts strangely. Would you know which section might be causing this issue?
@LostProcessori did not see any issues with your code , the responsiveness of the layout is perfect and you are superclose to the original design. Cheers!
- @HirenTumbadiyaWhat are you most proud of, and what would you do differently next time?
Creating a clean, responsive design with consistent styling using CSS variables. Improve accessibility
What challenges did you encounter, and how did you overcome them?- Handling responsive image switching and layout alignment, solved using media queries and flexbox.
I am working on nextjs full stack project.
@LostProcessorYour h1 element is green but its black in the design provided. I see that you took the liberty to change the cart icons as well and it looks nice.The mobile version is perfect in my opinion. Cheers
- @Dpolley99What challenges did you encounter, and how did you overcome them?
I did not know how to style bullet points. So I made the bullet points in a grid where the left column has a specific width containing the bullet point, and the right column is a free space containing the description. I learnt styling bullet points on the way but decided to keep the grid structure.
I approached this project in a PC first method. So I placed the image on top in a div. While working on the mobile site, I did not know how to make it 100vw because the container had padding. So I added the image in HTML again and used media queries to hide it in PC view and show it in mobile view.
@LostProcessori cannot accesss your code sadly, but without seeing it i can tell you are pretty close to the desired design. Cheers
- @safyAyman@LostProcessor
Small typo "githup" -> github , else everything looks nice
- @AntonexWhat are you most proud of, and what would you do differently next time?
I would like to know why the pictures do not load unless I put them in the same folder as the src files but works in local server
I have completed the challenge but the photos do not load on vercel or netlify unless I put them in the src folder which is just bad practise
@LostProcessorYou could use differents tags inplace of the p tag like h1 or h2 .
