All comments

• 

  Capt-Coder•50

  @Capt-Coder

  Submitted over 1 year ago

  

  FAQ Accordion using HTML and CSS

  1

  70
  

  NBD•240

  @bdal90

  Posted over 1 year ago

  Hello Dear Capt-Coder,

  I am an absolute beginner myself, but I've been in your shoes suffering with these very images, so let me please share with you what I came up with and seemed to work eventually. You may try setting the woman at the computer image as background too and using absolute positioning for the box image, (which you were trying to). This way, you will have 2 background images which you can position separately using a comma. The one in the first line will appeare on top. Here is a snippet of my code, but bare in mind that this might not be the only and the best solution :)

  .image-side { background-image: url(images/illustration-woman-online-desktop.svg), url(images/bg-pattern-desktop.svg); background-repeat: no-repeat; background-position: -5rem, -35rem -25em; position: relative; width: 50%; }

  .img-box { position: absolute; left: -5.8rem; top: 40%; }

  1

  Marked as helpful
• 

  NBD•240

  @bdal90

  Submitted over 1 year ago

  

  My Very First Flexbox Mini-Challange EVER

  4

  110
  

  NBD•240

  @bdal90

  Posted over 1 year ago

  @NathanRayM and @SaeedAlsayed Thank you guys for your help, I truly appreciate it! I'm trying, God knows I'm trying, but I'm having the hardest time figuring out what I'm doing wrong on GitHub (it just seems a whole new universe for me). I've tried both suggestions, but it throws some kind of error saying "pages build and deployment / build (dynamic)". What am I doing?

  0