@Tarun-G-V-NSubmitted about 2 months ago
Latest solutions
testimonials page using CSS Grid
Submitted about 2 months agoI had difficulty with making the paragraphs underneath the image
Article Preview Component using html, css and Javascript
Submitted about 2 months agothe icons that pop up when the share button is clicked, half of it is hiding in the desktop and I could not make the left side filled on the mobile. I used z-index, but I still couldn't make all of it visible. I couldn't work with the share icon as well
Recipe Page
Submitted 7 months agoI got better at my layout, but I was still having troubles with accessing specific elements and space them as I would like to.
Latest comments
- @beqqiPosted about 2 months ago
Nice! It is interesting how you mixed up the flex and grid for the different screens
0 - @MohammadShoolSubmitted about 2 months ago@beqqiPosted about 2 months ago
This looks perfect, although I would increase the headers abit and tone down the background color
0 - @majid-techSubmitted about 2 months ago@beqqiPosted about 2 months ago
Looks almost perfect, but the background color doesn't match and the picture and Icons are not visible
0 - P@SerhiiDerSubmitted about 2 months agoWhat are you most proud of, and what would you do differently next time?
Will try to use css grid
What challenges did you encounter, and how did you overcome them?responsive layout
What specific areas of your project would you like help with?I really don't like that I had to use queries here. Does anyone know how to do this project without queries ? Maybe with css grid ?
@beqqiPosted about 2 months agoYou are welcome! Try to wrap both your images like this:
<picture> <source media="(min-width: 1200px)" srcset="images/image-product-desktop.jpg"> <img src="images/image-product-mobile.jpg" alt="CHANEL Perfume"> </picture>0 - P@SerhiiDerSubmitted about 2 months agoWhat are you most proud of, and what would you do differently next time?
Will try to use css grid
What challenges did you encounter, and how did you overcome them?responsive layout
What specific areas of your project would you like help with?I really don't like that I had to use queries here. Does anyone know how to do this project without queries ? Maybe with css grid ?
@beqqiPosted about 2 months agoThe description part looks very nice; you almost nailed it; however, I don't see the picture. You can use grid on your main cointainer (I guess in your case preview class) using display: grid; place-items: center;
0 - P@rodelulSubmitted 8 months ago@beqqiPosted 7 months ago
This looks perfect, almost identical. Only slight(minutiae) improvements on the line(divider) color, the first paragraph, and the boldness of the "preparation time" text. You will find the exact color in hsl in the style guide of the downloaded files.
0
