All comments

• 

  Pratyusha Majumder• 280

  @FloraBloomblue

  Submitted 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

  50

  

  Rehman• 280

  @Abdurehman420

  Posted 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
• 

  SAM• 900

  @SAM-dev-pixel

  Submitted over 2 years ago

  

  Chat app illustration

  1

  30

  

  Rehman• 280

  @Abdurehman420

  Posted over 2 years ago

  wow!!! cool animations

  Marked as helpful

  1

  This comment has received 1 replyShow
• 

  MightyKale• 40

  @MightyKale

  Submitted 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

  40

  

  Rehman• 280

  @Abdurehman420

  Posted 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

  This comment has received 1 replyShow
• 

  Samuel O., OLAMIJU• 30

  @samuelOlamiju

  Submitted over 2 years ago

  

  Responsive Testimonial Page using CSS Grid

  1

  10

  

  Rehman• 280

  @Abdurehman420

  Posted 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

  This comment has received 1 replyShow
• 

  BorisBarnet• 40

  @BorisBarnet

  Submitted 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

  30

  

  Rehman• 280

  @Abdurehman420

  Posted 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

  @franciscoprado4

  Submitted 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

  30

  

  Rehman• 280

  @Abdurehman420

  Posted over 2 years ago

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

  1

  This comment has received 1 replyShow
• 

  👾 Ekaterine Mitagvaria 👾• 7,600

  @catherineisonline

  Submitted 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

  1586

  

  Rehman• 280

  @Abdurehman420

  Posted over 2 years ago

  Great job !!! keep it up

  P.S : I was wondering if you use Instagram

  3

  This comment has received 1 replyShow
• 

  👾 Ekaterine Mitagvaria 👾• 7,600

  @catherineisonline

  Submitted 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

  12910

  

  Rehman• 280

  @Abdurehman420

  Posted over 2 years ago

  Excellent work!!! keep it up!!!

  0

  This comment has received 1 replyShow