@faruking
Posted
- You can use 'span' element to style the needed letters that should be in black.
- The heading in the last box (come and be inspired) should have a vertical space between it.
- Design is not yet responsive.
@mseidel819
Posted
@faruking Thank you for the feedback! Can you tell me what browser you’re using to view my page? It’s responsive for me on my iPhone and mac. I haven’t checked pc. Do you have any more details on what is breaking?
@vanzasetia
Posted
@mseidel819 Hi there! I can try to explain some of the issues with the responsiveness.
- On the home page
- If you see the site on
600pxwidth, the layout for the second section should have full height. I mean the images should have full height on it. I don't know React but, you should use grid for this type of layout. - The
footeralso needs more space so that the paragraph element (The Modern Art Gallery is free to all visitors...) is not too narrow.
- If you see the site on
- In general, for both pages, don't have a container limit in the width. As a result, on a wide screen (such as
2000pxwidth), everything almost become one line.
The "MODERN ART GALLERY" text on the home page (the first one), it's different from the design. So, I recommend trying to create the effect where the text color is adapted through the different background colors. You can read this CSS Tricks article where it explains on how to do that.
I am on Windows 10 and Chromium browser base, specifically Brave. I am not sure why you need such information.
Marked as helpful
@mseidel819
Posted
@vanzasetia thanks for clarifying! I wasn't sure just how much of the page wasn't changing to screen sizes.
Thanks for the CSS link too. I had a lot of trouble with that so I ended up leaving it as-is. Now I can update it.
@vanzasetia
Posted
@mseidel819 No problem! I'm glad to help you! 😄
