@salahudheen007
Latest solutions
Latest comments
- @devjakov
your font sizes should be larger for the cards, otherwise users would have a hard time reading.
Also you are missing the active states on the buttons, my cursor does not change when i hover over, this is not a good sign as its missing user feedback.
The timeframe buttons should be aligned to the left, not middle
The layout seems fine though, except the profile card is too wide, cheers!
- P@sarrietav-dev@devjakov
if you using css grid try the 'gap' attribute in the grid parent element.
With gap set at just 2rem you can already seperate all the elements properly
And for the profile card just set height to 100% so that it matches with the other elements, cheers.
- @Pancha99x
- @mdajmalshadab@devjakov
this page starts to break if I increase width above 1080p
you should make the container have a max-width of some 1000-1200px i don't know exactly but play around
What i want to say is that at one point all the content of the website should stop seperating and the width should remain fixed, otherwise the boxes have a ton of space between them on 1440p and 4k screens
Cheers
Marked as helpful - @Roland-Sankara@devjakov
small issues:
- cancel order button is wrong color
- 'annual plan' should be bold
- paragraph should have opacity changed and fixed width
large issues:
- this container breaks on all screen sizes, the width should be fixed it shouldnt resize with every screen
- it doesnt look right on mobile, something is off with your media queries
hope this helps!
- @keeleyskov@devjakov
Try and change the opacity of your paragraph and the price under Annual plan, it will make it look a lot better and stand out
Cheers! great solution for your first try
