Art Gallery Website using React and MUI

Community feedback

• 

  Faruk Abdulganiyu•380

  @farukingPosted over 2 years ago

  1. You can use 'span' element to style the needed letters that should be in black.
  2. The heading in the last box (come and be inspired) should have a vertical space between it.
  3. Design is not yet responsive.

  0

  ---

  

  Matt Seidel•570

  @mseidel819Posted over 2 years ago

  @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?

  0

  

  Vanza Setia•27,775

  @vanzasetiaPosted over 2 years ago

  @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 600px width, 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 footer also needs more space so that the paragraph element (The Modern Art Gallery is free to all visitors...) is not too narrow.
  • In general, for both pages, don't have a container limit in the width. As a result, on a wide screen (such as 2000px width), 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

  0

  

  Matt Seidel•570

  @mseidel819Posted over 2 years ago

  @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.

  0

  

  Vanza Setia•27,775

  @vanzasetiaPosted over 2 years ago

  @mseidel819 No problem! I'm glad to help you! 😄

  0