Responsive Website using FlexBox, Grid, and CSS Positioning

Community feedback

• 

  Ranjana Mukhia•150

  @ranjanamukhiaPosted over 2 years ago

  Hi Michael..I liked your solution...its simple and easy to understand...I request you to kindly provide me the feedback at least some basic problems you see.. and how to get closer to the design.. link:- You can see my solution here: https://www.frontendmentor.io/solutions/skilled-earning-landing-page-mobile-firsttablet-desktop-using-grid-ItfVRwsYYE

  0

  ---

  

  P

  Michael Tze•480

  @Biggboss7Posted over 2 years ago

  Hello @ranjanamukhia I am happy to hear that, thankyou.

  There are 1 main thing that I notice in your webpage design, which is : You contain both introduction and main section (courses type section) in one grid container. I don't say that it is a bad idea, but in my opinion, it will make your design a little bit hard to be flexible.

  Here are some suggestion from me that maybe can be helpful :

  1. It is better to separate the introduction section and main section (which is the courses type section). Not contain it in one grid container. The reason is because, as we can see from the design which is given by Frontend Mentor, the layout of the introduction section is a little bit unique and more unstructural than the main section.

  For Introduction section, you can make another separate div to contain heading, paragraph, button, and picture.

  Main section then you can use grid as the structure is more solid

  2. You can set (position : absolute;) property to your image, so that you can place it wherever you want. Here is an useful link about positioning property : https://leannezhang.medium.com/difference-between-css-position-absolute-versus-relative-35f064384c6

  I hope that my feedback can be helpful. Feel free to ask me again. :)

  0

  

  Ranjana Mukhia•150

  @ranjanamukhiaPosted over 2 years ago

  @Biggboss7 Thanks a lot..i changed my solution according to your advice,,it was very useful..Thanks a lot

  0