Topics

Kevin Powell - Community•14mo ago

How to set fixed background-image

I'm having an issue with this particular front-end mentor project https://www.frontendmentor.io/challenges/profile-card-component-cfArpWshJ I want background patterns to have fixed positions, but It seems like I can't maintain responsiveness, The image disappears when I try on the small screen,

Frontend Mentor

Frontend Mentor | Profile card component coding challenge

This is a perfect challenge to test your layout skills. The card layout doesn't shift, so it's also great for those that haven't dived into responsive websites yet!

7 Replies

b1mind•14mo ago

I did this one for funzies and used Grid to layer them. vs a background-image*

Abdur Rahman•14mo ago

How bro

b1mind•14mo ago

I can link the codepen if you'd like. I didn't since its a challenge. Best would be to make a demo/codepen of what you are having issues with.

Abdur Rahman•14mo ago

Can you send the link, I'm just facing this particular issue

b1mind•14mo ago

oh looking at it I used absolute and transform 🤷‍♂️ and grid positioning xD

b1mind•14mo ago

https://codepen.io/b1mind/pen/YzaRzWZ?editors=0100

CodePen

FE fun with Grid

...

Abdur Rahman•14mo ago

Thanks, man, I really Appreciate it

Kevin Powell - Community Join

A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.

34KMembers

View on Discord

Want results from more Discord servers?

Add your server

More Posts

WRAPPER PROBLEMHello everyone newbie question GM/GE, I have a wrapper and wrapper is set to max-width, so the cont What is the best way of doing spinning planet animation?Hello to everybody guys! On my work i'm faced with the task of doing spinning planet animation on sc I have this margin issueLet first show you code <body> <div style="background-color: green; height: 200px;"></div> link who don't work in carrouselI realise a carousel who look like this:Heading not updating after logging in.I have 2 variants of the handleSuccessfulLogin function but none of them work. I want to the update How to center content in a container?Hi, I have h1 and P that I want to place in the middle of a container by using Bootstrap but I wasn'How flex-item size are calculated when its width is given?I have read a lot about flex box and have understood most of the part. However, there is one thing t Web app pushes entire content up when virtual keyboard is upHi! I have a really easy layout. Header Body Footer This is a chat application. Footer contains a Need some help with My HTML codeEvening everyone 👋 I was wondering if someone might be able to help Me out with My rather messy HTM How can I Create a horizontal Infinite scroll with Images when I get the data from Graph Ql API'sHi every one i wanted to create an horizontal Infinite scroll with Images when I get the data from G