Correct grad layout
What challenges did you encounter, and how did you overcome them?Correct testimonials grid layout for smaller screen
What specific areas of your project would you like help with?Any help is welcome)
Correct grad layout
What challenges did you encounter, and how did you overcome them?Correct testimonials grid layout for smaller screen
What specific areas of your project would you like help with?Any help is welcome)
none
What challenges did you encounter, and how did you overcome them?none
What specific areas of your project would you like help with?none
i make the mobile :)
What challenges did you encounter, and how did you overcome them?doing the mobile
What specific areas of your project would you like help with?if you have sugestions for the mobile and youd like to help me, dont esitate
everything
What challenges did you encounter, and how did you overcome them?media query :/
What specific areas of your project would you like help with?none
doing this by my self
What challenges did you encounter, and how did you overcome them?i struggle a bit on CSS but in the end i managed to make it.
What specific areas of your project would you like help with?none
I'm proud to have finished this! I did once, but had to redo it because some elements were not working as intended.
What challenges did you encounter, and how did you overcome them?Organizing the images. Had to look up online for a solution to my problem. Initially, I also had trouble with the cart icon in the button. It wasn't aligning with the "add to cart" text, and it gave me a headache.
What specific areas of your project would you like help with?Adding a different image for the mobile version. I looked it up but couldn't find a definitive solution. The same is set for both desktop and mobile versions.
Hi there @Rodcosta85
To change the image on mobile you can use a figure tag in HTML without any content inside:
<figure class="picture"></figure>
Then in CSS you use media query with min-width and assign the "content" property to class "picture" and set your desktop image.
.picture{
content: url("images/image-desktop.svg");
}
For mobile you do the same, but use the media query with a max-width.
when i make the mobile, and finhished
What challenges did you encounter, and how did you overcome them?doing the mobile, but i managed to do ti :)
What specific areas of your project would you like help with?none
i finally hosted it on vercel
What challenges did you encounter, and how did you overcome them?non
What specific areas of your project would you like help with?non
time management
What challenges did you encounter, and how did you overcome them?media query
What specific areas of your project would you like help with?time
Great work, the biggest difference is in the font, but it's good anyway :)
Developed a better understanding of CSS layouts and Flexbox. Implemented variables to set font colour which was a first for me.
What challenges did you encounter, and how did you overcome them?Linking a variable font was a new concept for me, so researching about it helped me with it.
What specific areas of your project would you like help with?Better design techniques and best practices for CSS layouts.
You can improve the size of the elements, but good job :)
Was able to do it.
What challenges did you encounter, and how did you overcome them?Hover
What specific areas of your project would you like help with?nothing atm
mamn
What challenges did you encounter, and how did you overcome them?noti
What specific areas of your project would you like help with?e