Minimalist Results Page (HTML AND CSS)

Community feedback

• 

  Panayot Kindalov•40

  @pkindalovPosted 12 months ago

  Hi Alex,

  First of all good job. Well done. It looks very nice.

  I hope you can take some little pieces of advice in my opinion of course:

  • I don't know which editor or IDE you use, but if you use Visual Studio Code, I recommend you try the Prettier plugin to format better your code. Just for better readability.
  • In my opinion you can replace this <div class="main"> which just <main></main>. This way you will write more semantic html. No need to replace <main> with a <div>.
  • I see from your code that you often put <section> elements inside a div. But in my opinion, it must be reversed. I mean firstly <section> and inside <div>. Again to be more semantic.
  • About the gradient, I think that the idea is mainly to play with gradients and different options that they suggest.
  • About responsiveness would it be more easy if you start using grid or flexbox from the start? I mean, for example, creating a container that puts elements horizontally with Flexbox for example. In that way when you are on mobile media query you can just change flex-direction from row to column.
  • Also for responsiveness, I recommend you to use more rem instead of px.

  I hope these notes to help you. I apologize if I wrote something wrong.

  Best regards

  0