I’m giving the below challenge a shot but I wanted to know the best way to tackle a container that has lots of different shapes in terms of their own containers.
For different patterns inside the phone would you just create divs such as .div class=“upper-pattern”, div class=“first-text-message” etc etc. Mine so far (obviously my naming could be a bit better)
I’m also worried about it getting very confusing with lot’s of containers.
i,e <div class="main-div-con"> <div class="inner-card"> <div class="mobile-image-con"> <div class="top-pattern"></div> <div class="first-message">That sounds great. I’d be happy with that.</div> <div class="second-message">Could you send over some pictures of your dog, please?</div> <div class="dog-pic-row">
Are divs usually the way to do this?