Latest solutions
Latest comments
- @LucaDoro@osiz00
very nice design, this shows your skill in using css, for centering the container the problem here comes form the body height , since the height is as default fitting the content if you used margin auto the centering will be just horizentally, so first do that body { height : 100vh; } then margin auto will center the contianer both horizentally and vertically , but for me i would rather use the grid like that. body { height: 100vh; display: grid: placecontent: center; } ok i hope that i was helpful keep the hardwork.
- @Destyx-9@osiz00
great design, but your img width is a little bit more that the origin not something bit but try to make it less with max-width, istead of div as the parent element you can use main, i really liked the responsive site
- @Pricbnll@osiz00
yeah its very confusing, but i can tell about some things that help me with that, first use inspect, in the page you are desigening click right click and inspect, it makes the process more visual, some time the parent div is so small and child div will not move any where, you can add to the style {width:100%, height:100%} as a begging to check if that is the proplem. a great thing to watch i video or two about the grid flex or position, youtube will be very helpful, good luck priscilla your desigen is great.
Marked as helpful - @Jennyfer17@osiz00
nice design Jennyfer17’, about making it responsive you can try using more fluid units such as img {width:90%;}, use less px units because it tends to make the site dimensions fixed but with % dimensions of the site change with the width of the screen, also i recommened to make a div for the image and give it a width of 100%, then for the image {margin: 10px auto}, to center it horizentally, for making the website even more responsive you can use media quaries, youtube is full about media quaries lessons, i hope that i was helpful.
Marked as helpful