fave77/pbchess

Landing Page UI

Closed this issue ยท 6 comments

Describe the bug ๐Ÿ›
The Carousel arrow key is overlapping with the image of the chessboard.
The gradient colour which is used for the card is also too light according to the theme of the landing page

To Reproduce ๐Ÿ”
Steps to reproduce the behaviour:

  1. Go to 'https://develop--pbchess.netlify.app/'

Expected behaviour ๐Ÿ
The arrow key and image of the chessboard should not overlap with each other.
The gradient colour should also be a dark colour

Screenshots ๐Ÿ“ท
original pbChess

Desktop (please complete the following information): ๐Ÿ’ป

  • OS: Windows10
  • Browser Chrome
  • Version [e.g. 22]

I can fix this issue, Please assign this to me.
Discord Username: Sanchit(P)#7382

@Sanchit-Soni please provide a design mock-up first as to how you wanna improve this... and also state your screen size as well as browser version

The arrow key and image of the chessboard should not overlap with each other.

It's fine on most screen sizes, though on big screen sizes I did found this, it can be fixed by changing the z-index of #carousal-control-next

Regarding the gradient colour I think it is a design choice

@fave77 ?

Chrome version: Version 89.0.4389.82 (Official Build) (64-bit)
screen size 15.6" (1920 ั… 1080 pixels.)

final pbchess

The arrow key and image of the chessboard should not overlap with each other.

It's fine on most screen sizes, though on big screen sizes I did found this, it can be fixed by changing the z-index of #carousal-control-next

Regarding the gradient colour I think it is a design choice

@fave77 ?

It's minor design change, @fave77 you can label it is as level 0 and good first issue.

@Sanchit-Soni just fix the positional error of the arrow and board, no need to modify the gradient color since it is a design choice