Hi, I tried my best to recreate the design but faced some issues in placing the box image and the background image in the desktop view. Both of them kept changing its position whenever I resized the screen.
Have a look at the code and the site. If any of you have any suggestions or tips for these issues, please do comment it below. Thanks in advance!! 😊
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%; }
Dear All,
Here is my very first project EVER, I'm an BASOLUTE newbie, I am insanely glad I could get this far with my very first project. Looking forward to getting better and better, step by step. I am so new I don't even know what questions to ask. :D Unfortunately the QR-code image doesn't show on the GitHub URL, I am trying very hard to fix it, but also try to add a print screen version.... I am open to any suggestions, feedback, criticism (though I know it is highlighted to be more specific than this, but maybe in my later projects. :) )
Wishing us all great practice,
Dalma
@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?
