Huddle landing page using flex-box, grid css

Community feedback

• 

  Ayobami Ikuewumi•850

  @IkuewumiPosted over 1 year ago

  Hi 👋. Cool project. About your question on the curved sections, I think my way to place the svgs is using a pseudo-elements like before and after with relative positioning on the section element and absolute on the pseudo element. Here is an example:

  section {
     ...
     position: relative;
  }
  
  section::before {
     content: '';
     position: absolute;
     inset: 0 0 auto 0; // a shorthand for top, right, bottom, left. This pseudo element would be on the top
     width: 100%;
     height: 300px; // arbitrary number.
     background-color: transparent;
     background-image: url(..path.svg);
     background-position: bottom left;
     background-size: contain;
     bg-repeat: no-repeat;
  
  }
  
  

  On the contrary, you could place the images in markup and use the absolute positioning to get it in the right spot (while paying attention to a11y).

  I hope this helps. Above all, this is a great project🎊. If you have any questions, don't hesitate to comment, and keep coding👍,

  Ayobami

  0

  ---

  

  Charles Mueke•170

  @CharlesMuekePosted over 1 year ago

  @Ikuewumi thank you so much.

  I am gonna try that and see.

  0

  

  Ayobami Ikuewumi•850

  @IkuewumiPosted over 1 year ago

  @CharlesMueke So, does it work now?

  0

  

  Charles Mueke•170

  @CharlesMuekePosted over 1 year ago

  @Ikuewumi yeah it did work..thank you again

  Is there anyway i can reach you apart from here if you don't mind

  0

  

  Ayobami Ikuewumi•850

  @IkuewumiPosted over 1 year ago

  @CharlesMueke Okay. My WhatsApp number is 08108567504

  0