Hello everyone,
This is my tribute page project. I hope you like it
I am finding it hard to get the top half of the webpage to be responsive. Kindly advice on how to go about it, and being able to keep the design.
Kindly go through it and give me feedback.
Thank you very much</P
Hi, you can try something like this ( put it after your .image class inc css window code)
@media screen and (max-width: 420px) {
.image{
width: 100%;
left: 0;
height: auto;
top: 0;
border: none;
position: relative;
margin: auto;
}
.icon-scrool {
display: block;
margin: auto;
}
.bottom-splash {
display: none;
}
figcaption {
background-color: cadetblue;
}
}
You can play similarly with “top-splash container” and its headers.
For more about responsive design I recommend you this course https://www.udacity.com/course/responsive-web-design-fundamentals--ud893
1 Like