Skip to content
OverviewSolutions
11
Comments
8
Rehman
@Abdurehman420

All comments

  • Pratyusha Majumder•280
    @FloraBloomblueSubmitted over 2 years ago

    I did my 3rd challenge. If you have any suggestions for more improvement in this challenge , please let me know!. Also I have an issue , [ the "annual plan and $59.99/year" I tried to make it in same line as the "music icon" and "change" but it whatever I did, it is showing a little downwards. ] Got any suggestions?

    Anyway another Question , I have is " Is writing an external css is industry standard or people more rely on intenal css?, I personally find external css preferable for me and much more organized but I have seen so many projects where people used internal or inline css. I understand that external css takes a little bit more time to execute than other two. What do you guys suggest? How can I learn the ways industry works? "

    Thanks anyway!

    html, css

    2
    Rehman•280
    @Abdurehman420Posted over 2 years ago

    hello !! nice work there bro

    no external CSS is cool.in bigger projects you will be working with external CSS because writing everything in one single file makes it harder for others to understand

    if you used display flex on the music icon and text container, then give the 59,99$ paragraph, justify-self:flex-start;

    Marked as helpful
    0
  • Rehman•280
    @Abdurehman420Posted over 2 years ago

    wow!!! cool animations

    Marked as helpful
    1
  • MightyKale•40
    @MightyKaleSubmitted over 2 years ago

    I spent most of the time fixing the background image (which I still think looks wrong) and the positioning of the ordered item (ie. Annual Plan, Price, Icon and the 'change button'). I used absolute position for elements there, but I believe there should be an easier way for that (maybe grid?).

    I've created my html based on the kind suggestions from @ChamuMutezva for my last project to use sematic elements, I hope I used them correctly.

    Thank you for reviewing my project and any feedback is welcomed!

    Responsive Landing Page

    2
    Rehman•280
    @Abdurehman420Posted over 2 years ago

    give the container the width you want, since the image is inside the container give it 100% width, it'll take the full width of the container . as for the annual plans and stuff you should use flexbox, its the best way!!

    <div class = "plan container"> <div class = "leftside"> <img class = "music icon"> </img> <div class = "plan details"> <h2> Annual plan <h2> <p> $59.99</p> </div> </div> <div class= "right container"> <a href="#"> </a> </div> </div> now give the plan display flex,justify-content : space between ,just like that do the rest. i hope this helps!!!
    Marked as helpful
    0
  • Rehman•280
    @Abdurehman420Posted over 2 years ago

    my friend everything looks great , you just need to remove the line-height from the headings, they looks bad

    Marked as helpful
    0
  • BorisBarnet•40
    @BorisBarnetSubmitted over 2 years ago

    It took me a bit of time but this should be clean for all screen-size. The CSS can be a bit optimized/cleaned also. The only thing I didn't found is how to change the color of the social medias icons (svg images) in the footer "on hover".

    Responsive template (vanilla HTML/CSS/JS)

    2
    Rehman•280
    @Abdurehman420Posted over 2 years ago

    did you put the svg as an img or as a svg In html, if you did it in img than it won't work, try putting it as svg . then in hover state write this:

    svg:hover { fill : any color ; }

    0
  • Francisco Prado•80
    @franciscoprado4Submitted over 2 years ago

    Attempt 3. Of matching my work with the preview slider of Frontend Mentor. If you have any tips on how to match the projects with the slider of the preview of frontend mentor would be apreciated.

    Order Summary challenge - Flexbox and Grid

    5
    Rehman•280
    @Abdurehman420Posted over 2 years ago

    You can use perfect pixels. It's a google chrome extension. first, learn how it works on youtube!!!

    1
  • 👾 Ekaterine Mitagvaria 👾•7,600
    @catherineisonlineSubmitted over 2 years ago

    Hello, Frontend Mentor community! This is my solution to the Fylo dark theme landing page.

    I appreciate all the feedback you left that helped me to improve this project. Due to the fact that I published this project very long ago, I am no longer updating it and changing its status to Public Archive on my Github.

    You are free to download or use the code for reference in your projects, but I no longer update it or accept any feedback.

    Thank you

    Fylo dark theme landing page

    6
    Rehman•280
    @Abdurehman420Posted over 2 years ago

    Great job !!! keep it up

    P.S : I was wondering if you use Instagram

    3
  • 👾 Ekaterine Mitagvaria 👾•7,600
    @catherineisonlineSubmitted over 2 years ago

    Hello, Frontend Mentor community! This is my solution to the Sunnyside agency landing page.

    I appreciate all the feedback you left that helped me to improve this project. Due to the fact that I published this project very long ago, I am no longer updating it and changing its status to Public Archive on my Github.

    You are free to download or use the code for reference in your projects, but I no longer update it or accept any feedback.

    Thank you

    Sunnyside agency landing page

    11
    Rehman•280
    @Abdurehman420Posted over 2 years ago

    Excellent work!!! keep it up!!!

    0