Created a tribute page

HTML-CSS
1

Hi everyone! I recently finished my tribute page. I hope you all like it and feel free to leave feedback :grin:

2

Hi @zaydaaziz17

Great looking page.

I noticed the css file contains extra closing curly braces.

Sometimes the text overflows onto the image elements.

image
image773×291 92.1 KB

Try sizing your page to smaller viewports. Sometimes the text appears against the edges of the page. The images may need a responsive layout.

Some elements are not closed correctly. Some elements are not nested correctly. For instance, the strong closing tag should appear inside the paragraph element.

                <p id="sza-quote"><strong>"Control is not real, and I'm really understanding that every day. It's about the acceptance of relinquishing control that makes it powerful for you."</p></strong><br><br>

There is a quote mark before the alt attribute property.

                        <img id="image" src="https://hyfin.org/wp-content/uploads/2024/04/sza-sos-new-album-stream-1200x675-1.webp" width="960" height="540" "alt="SZA's SOS album cover">

Happy coding

1 Like
3

Hi, thank you for the feedback in terms of trying to size to smaller viewports, can I use the @ media to do this

4

To test for smaller screen sizes, you can resize the browser using the square button in the top right hand corner of the page, next to the X to close the page.

Then drag the edge of the page left and right for different sizes.

Alternatively, set various widths using the body selector.

Happy coding

1 Like