Álvaro J.• 90
@alvaro-j
Submitted
How to move the background-image a little bit to the bottom?
anas ali
@anas-cd
All comments
- anas ali• 415
@anas-cd
Posted
one way you can use the " background-position-y " css property on the body element, set a
background-position-y : 120%for example ^_^Marked as helpful
1 - Júlia Barreto• 20
@BarretoJ20
Submitted
Hello, I'd like to know how can I put the main text and button on the right side of the screen,please.
anas ali• 415@anas-cd
Posted
you can wrap both sections in a container and use flex to arrange the sections next to each other using flex properties like setting the direction to row and the base for each section .. here is a good resource on how to use flexboxes https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Marked as helpful
0 - Abhineet Kandele• 320
@abhineetkandele
Submitted
Any feedbacks are highly appreciated.
Thanks in advance!!
anas ali• 415@anas-cd
Posted
seems great, just try to change the arrow direction when the question box is opened
also when the screen is at mobile width (~375px) the picture gets hidden and the user can't scroll up to it, especially if there are multiple questions opened at the same time.
Marked as helpful
0 - Tamilselvan S• 165
@tamil-hash
Submitted
Feedbacks are welcomed!😊
anas ali• 415@anas-cd
Posted
nice work, there'r some little things that would make it the best tho ^_^,
-
the background color is darker than the design : white would do the trick i guess
-
in mobile view, if all questions are extended the last one can't be viewed : you can make the height of the card a bit taller or assign it to auto with a min height
-
when resizing, the pictures gets disproportionate in scal thus the overlapping of the pictures gets messed up a little bit.. not sure why but I noticed the extensive use of size percentages that I rarely see in stable designs
0 -
- Brian Carlo Birondo• 320
@Briancarlo24
Submitted
I have a problem that I can't find an answer to this challenge.
If the screen size went below 300px in mobile. The total with of the page becomes weird and it doesn't stretch to full size. By weird means it becomes smaller and smaller than the current width of the page.
Best way to understand is to check the Live Site and try to check it for yourself.
Hopefully someone can help me with this as I can't figure why.
anas ali• 415@anas-cd
Posted
great work so far, and really nice layout
- I just noticed the email input when it gets clicked it changes back to the original style
I hope you find your solution to the <300px situation
have a nice day ^_^
0 @noobcoder02
Submitted
Kindly check out the solution and give your views on optimizing the solution better.
anas ali• 415@anas-cd
Posted
really nice work you got there,
-
to make it even closer to the design you can use the line-height property for the paragraph
-
also to make it more responsive maybe make the breakpoint of mobile view switching before 375 pixels since some phones are a bit bigger than this resolution
-
last one there is a funny movement while resizing the screen from the buttons, I had the same thing when I did this challenge and I fixed it using the margin-top auto while in flex item, you can do something similar at yours but since you don't have it as flex inside each card you can do whatever makes the button stick to the end of its container
have fun ^_^
0-
