Skip to content
OverviewSolutions
6
Comments
7
Rajnish Deshmukh
@drajnish

All comments

  • Rajnish Deshmukh•200
    @drajnishPosted about 3 years ago

    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
    @Kshetri77Submitted about 3 years ago

    .i have achieved most of the requirements . However , i have struggled with following things:

    1. adjusting image size to div size at around 760px to 900px screen size.
    2. is there any easy way to rearrange the order of divs without changing the display from grid to flex?
    3. What is the most suitable way to centre a div(grid display) in the centre of the screen?

    Thank you for your time!!!

    used basic html and css

    1
    Rajnish Deshmukh•200
    @drajnishPosted about 3 years ago

    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
    @ricardonycSubmitted about 3 years ago

    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.

    Responsive landing page

    1
    Rajnish Deshmukh•200
    @drajnishPosted about 3 years ago

    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
    @TripleT511Submitted about 3 years ago

    I'm having some problems with my background, I hope you guys can give me feedback so I can improve

    HTML CSS

    2
    Rajnish Deshmukh•200
    @drajnishPosted about 3 years ago

    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
  • Rajnish Deshmukh•200
    @drajnishPosted over 3 years ago

    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
    @SuthakharPonnambalamSubmitted over 3 years ago

    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.

    3 column layout Newbie challenge

    1
    Rajnish Deshmukh•200
    @drajnishPosted over 3 years ago

    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
    @edrickalemaSubmitted over 3 years ago

    Can any help me to know how to add the hover effect on the Dark theme? Thanks in advance and any comment is welcomed,

    Social Media Dashboard challenge

    1
    Rajnish Deshmukh•200
    @drajnishPosted over 3 years ago

    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