@arsalanansariofficial
Latest solutions
Latest comments
- @EngProvidence
cool but the next button can not be seen on mobile view
- @Collinsac@EngProvidence
Hello there 👋. Congratulations on successfully completing the challenge! 🎉
that was very good your solution was really iderntical courage and more effort
Happy coding! emperor pro
- @Nacsimento@EngProvidence
Hello there 👋. Congratulations on successfully completing the challenge! 🎉
I have other recommendations regarding your code that I believe will be of great interest to you. CSS🏷️: I WILL LIKE TO GO STRAIGHT TO THE POINT your image -product image is not really responsive when resizing the screen.
secondly your images look more of white you can correct this by making the background color of the image div purple and then reduce the opacity of the images to about 0.8 so as to make it have a slight purple color
I hope you find this helpful 😄 Above all, the solution you submitted is great !
Happy coding!
Marked as helpful - @lmpko@EngProvidence
Hello there 👋. Congratulations on successfully completing your first challenge! 🎉
I have viewed the code and above all your work was good but the view on screen size 500px to about 780px is not really good this is because you used media query only once and that makes the code not really responsive for some screen sizes.
you can fix this by adding @media screen and (min-width: 500px) and (max-width:800px){ .container{ height: 78vh;// your code for your new width and height in here display: flex; justify-content: center; align-items: center; }
}
I hope you find this helpful 😄 Above all, the solution you submitted is great!
Happy coding from emperor pro!
Marked as helpful - @HabilSalim@EngProvidence
Hello there 👋. Congratulations on successfully completing your first challenge! 🎉
I have some little observations, you did not use the required font family but anyway your work was good.
I hope you find this helpful 😄 Above all, the solution you submitted is great!
Happy coding from emperor pro!
Marked as helpful - @MoAfi12@EngProvidence
Hello there 👋. Congratulations on successfully completing the challenge! 🎉
I have other recommendations regarding your code that I believe will be of great interest to you. CSS🏷️: I WILL LIKE TO GO STRAIGHT TO THE POINT your image -product image is not really responsive when resizing the screen. you can fix this using css by add an id here
<div class="column-one"> <img src="images/image-product-desktop.jpg" alt="image-product" id="product" > </div> then go to cssyour code .column-one img{ height: 480px; // remove this line. width: 360px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
add
#product{ height:100%!important;} so as to adjust the image with the column size
I hope you find this helpful 😄 Above all, the solution you submitted is great !
Happy coding!
Marked as helpful
