nmelgar• 40
@nmelgar
Submitted
There's a very thin line of the component's background that shows below the main image in the desktop version, any idea of why it shows?
Rajnish Deshmukh
@drajnish
All comments
- Rajnish Deshmukh• 200
@drajnish
Posted
hey @nmelgar It is because component-container width and height is greater than column-right and images width and height. set width and height to 100% of both 'column-right' and img
0 - Kshetri77• 40
@Kshetri77
Submitted
.i have achieved most of the requirements . However , i have struggled with following things:
- adjusting image size to div size at around 760px to 900px screen size.
- is there any easy way to rearrange the order of divs without changing the display from grid to flex?
- What is the most suitable way to centre a div(grid display) in the centre of the screen?
Thank you for your time!!!
Rajnish Deshmukh• 200@drajnish
Posted
hi @Kshetri77 For image size set its width and height to 100% and for grid you can check this link https://css-tricks.com/snippets/css/complete-guide-grid/
0 - Ricardo• 40
@ricardonyc
Submitted
Vertical scrolling gets stuck when adding 'overflow-x: hidden.' Can someone help me solve this? I'm using 'overflow-x: hidden;' because it removes a gap on the right side of the page but it seems to be causing the vertical scrolling to get stuck.
Rajnish Deshmukh• 200@drajnish
Posted
Hi @ricardonyc May be problem occur because you are targeting both html and body element. remove 'overflow-x: hidden' from html element.
0 - Trần Thanh Tâm• 235
@TripleT511
Submitted
I'm having some problems with my background, I hope you guys can give me feedback so I can improve
Rajnish Deshmukh• 200@drajnish
Posted
Hi @TripleT511 I'm newbie but i think changing these values in your image div may help
transform: translateX(30%) translateY(11%) rotate( 270deg) scale(1.5);
hope it works for you.
Marked as helpful
0 - K Peterkin Paulraj• 20
@kppr
Submitted
I cound't remove the border around the button when i have not used any border property except the radius bit. any reason why?
Rajnish Deshmukh• 200@drajnish
Posted
Hi @K Peterkin Paulraj
border width is set to 2px in user agent stylesheet you can set it to border:none
Marked as helpful
0 - Suthakhar• 20
@SuthakharPonnambalam
Submitted
Suggestions revolving around media queries is much appreciated. I've made several adjustments but the overall transition is not smooth. Hence would love to hear some thoughts.
Rajnish Deshmukh• 200@drajnish
Posted
Hi @Suthakhar
For desktop version set panel position to relative and button position to absolute then give bottom value to button.
I am a newbie so don't know much but i think it will work.
0 - 19alema• 340
@19alema
Submitted
Can any help me to know how to add the hover effect on the Dark theme? Thanks in advance and any comment is welcomed,
Rajnish Deshmukh• 200@drajnish
Posted
Hi @19alema
You don't have to code this much to change the theme.
Watch this - https://www.youtube.com/watch?v=xodD0nw2veQ
Then for hover effect make two variables with same name and give them different color value.
Marked as helpful
0
