Skip to content
Submitted over 3 years ago

profile card using html scss

Syahrizal Ardana•330
@Gombeng
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Profile card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

i've a struggle when to add a bg for card and bg for body

for card: i use backround: url('/images/blabla.png') and this work at my computer until i push it to github it doesnt work.

i use the same with body bg but it doesn't work neither.

please help me :)

Community feedback

  • Benjo Quilario•1,810
    @benjoquilarioPosted over 3 years ago

    I dont know if it will help the problem.

    old

    background: url(images/bg-pattern-top.svg), left top url(images/bg-pattern-bottom.svg) right bottom;

    in my laptop this is invalid property value.

    and I tried to change.

    background: url(images/bg-pattern-top.svg) left top, url(images/bg-pattern-bottom.svg) right bottom;

    Hi!, Gombeng

    I clone your project and It working on me, just remove the asset folder and css folder only remain, and the suggestion change the ,

    and also tried to add the ./ like this :

    background: url('./images/bg-pattern-top.svg') left top, url('./images/bg-pattern-bottom.svg') right bottom;

    0
    Syahrizal Ardana•330
    @GombengPosted over 3 years ago

    @benjoquilario thanks for the feedback, ill try very soon :).

    0
  • Akash Verma•810
    @akash-1712Posted over 3 years ago

    Add your scss file in a folder and the set background:url() according to new position of scss file.May it solve problem.

    0
    Syahrizal Ardana•330
    @GombengPosted over 3 years ago

    @akash-1712 thanks for the feedback, ill do it very soon :)

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord