Skip to content
OverviewSolutions
42
Comments
4

Alessandra Oliveira

@itsale-oBrazil710 points

Hi, I'm Alessandra. I'm graduated in physics, but I decided to go on a diferent way. I'm studying to be a developer. Yes, I'm new at this, but I'm a fast learner and very hard working. Now I'm looking for a job opportunity to put on practice everything I learned so far and learn new things as well

I’m currently learning...

JavaScript, HTML, CSS Python

Latest solutions

View more solutions

Latest comments

  • Alessandra Oliveira•710
    @itsale-o

    Congratulations on completing the challenge!

    About your issue: you can put a <div> between the first and the second sections. Something like this:

    <div id="section1">
    your code here
</div>
<div id="bg-div"></div>
<div id="section2>
    your code here
</div>

    and then, on your CSS file you ajust the bg-div by putting the background-image and giving the div a height that fits the whole background image.

    Marked as helpful
  • Alessandra Oliveira•710
    @itsale-o

    Congratulations on completing the challenge! Nice work.

    About your issues: if you put the qr code image inside a div is easier to centralize

    You could do something like this:

    • On the HTML
    <div class=qr-code>
     <img src="qr-code">
</div>
    • On the CSS
    .qr-code{
	display: flex;
	align-items: center;
	justify-content: center;
}

    If you want, you can even put the texts on another div, and centralize it as well. It's easier to work with single divs, one at a time (talking from my personal experience)

    Marked as helpful
  • Alessandra Oliveira•710
    @itsale-o

    Congratulations on completing this challenge!

    I'm not a master coder myself, but for me your code is pretty clean, and the solution looks very nice.

    The minimum change I'd make is to put the font-family on the body, then you don't need to say what's the font everytime, since it doesn't change. Of course is not necessary, it's just something I prefer to do

    Marked as helpful
  • Alessandra Oliveira•710
    @itsale-o

    About the first question: I use one CSS file for both. I did

    • @media(max-width: 1400px) {here I did the desktop deseign} and then
    • @media(max-width: 700px){here I did the mobile design}

    This usually works.

    About the icons: if I get the question right, if you use align-items: center, it may solve the problem