@tausGit
Latest solutions
Latest comments
- @Abrosss
Hello! You did a very good job! To split the sections (image and content) equally, i would set the width of both divs inside of the main container to 50%.
.main-container div {width:50%;}
Then remove the img height of 300px and add this instead (so the image fills its container entirely) :
.image { max-width:100%; max-height:100%; object-fit: cover; }
I hope it helps and good luck!
Marked as helpful - @yaredh30@Abrosss
Hi! To position the image over the container you can set overflow:visible to the div with the 'container' class
Marked as helpful - @manishdevelops@Abrosss
Hi! Not sure what you mean, cause slides work great for me, but, to hide the scrollbar i would set the height of html, body and main to 100% and then apply overflow:hidden to the main container, and it will look p e r f e c t. Great job!
Marked as helpful - @MaikoCode@Abrosss
Great job! The only thing that confuses me is the first egg shaped circle with the digit 1 in it :D I would fix it by setting the same width and height to the li element and centering it with flex, for example: display:flex; justify-content:center; width: 53px; height: 53px;
Good luck!
- @K4UNG@Abrosss
So when i press a button it stays pressed till i click another. And i don't know if it should be like this, but i caught myself playing with it pressing all the buttons:D Just want to say it's so satisfying doing this with this ticking sound:D and great job!
