Skip to content
OverviewSolutions
8
Comments
17
Stefan
@st3wn

All comments

  • Stefan•180
    @st3wnPosted almost 3 years ago

    Very interesting!

    0
  • Stefan•180
    @st3wnPosted almost 3 years ago

    I do not see any differents!

    0
  • Stefan•180
    @st3wnPosted almost 3 years ago

    I see in the screenshot that there is a box shadow on the white boxes and another font color :o

    0
  • Stefan•180
    @st3wnPosted almost 3 years ago

    Big thanks for your time.

    Reading something like this and trying to understand it is really the best thing that can happen to a beginner frontend developer.

    I think I just lack practice.

    <3

    1
  • Stefan•180
    @st3wnPosted almost 3 years ago

    Hey, here some things.

    -use line-height -put the stars + the "Rated 5 stars..." in one div and use display flex with a flex-direction: row; -do not use font-weight: bold; everywhere -set a width to the title to get as closest as possible to the frontendmentor design You can watch my version of it if you need help. :)

    But pretty good, how long did you need for it?

    Marked as helpful
    0
  • Stefan•180
    @st3wnPosted almost 3 years ago

    Please visit the live page https://st3wn.github.io/FrontendMentorRatingPage/

    This compare box here is just for 1440px.

    0
  • Stefan•10
    @stefanatanasovmkSubmitted almost 3 years ago

    Hey,

    This is my first challenge and after 2 days, it feels great to be done with it. I struggle a bit, but I'm satisfied how it end up.

    I just want to know, do I have a lot of unnecessary code, because sometimes I just type something, it works, but I don't understand how.

    Responsive card using Flexbox

    3
    Stefan•180
    @st3wnPosted almost 3 years ago

    Yo Zineb,

    love it, thanks :)

    Can you still send me your CSS rest? Would be great!

    0
  • Stefan•180
    @st3wnPosted almost 3 years ago

    hi, start using font-weight: ;

    0
  • Stefan•180
    @st3wnPosted almost 3 years ago

    Hi man,

    I recommend to you to put the full box in one container like.

    <div class="container"> In it you put everything of the summary box. </div>
    0
  • Stefan•10
    @stefanatanasovmkSubmitted almost 3 years ago

    Hey,

    This is my first challenge and after 2 days, it feels great to be done with it. I struggle a bit, but I'm satisfied how it end up.

    I just want to know, do I have a lot of unnecessary code, because sometimes I just type something, it works, but I don't understand how.

    Responsive card using Flexbox

    3
    Stefan•180
    @st3wnPosted almost 3 years ago

    Hi man,

    just a little tip: You can give the left side of the container a padding-right: px; to get the text smaller. Or you put the h1 and paragraph in a div container and give the div container a width.

    Aswell you can check the width and height of the image by rightclicking it, click on the tab "details" and then see the px size of the image. Is the image for example 446px high, you set the container to a height of 446px. In your case the picture is a bit cut off.

    But overall pretty good!

    1
  • Stefan•180
    @st3wnPosted almost 3 years ago

    Hi man,

    start using font-weight: 700;

    Marked as helpful
    1
  • Stefan•180
    @st3wnSubmitted about 3 years ago

    Good day Frontendmentor Community,

    except for a few problems with the image and the height of the container, I think everything turned out pretty well. I have unfortunately only later noticed that there is an extra image for the mobile version :o

    Second "website" ever - responsiv Box

    4
    Stefan•180
    @st3wnPosted almost 3 years ago

    Thank you very much! Just used HTML and CSS

    0