Support » Fixing WordPress » Help flex box or make responsive text boxes!

  • Hi! I have a doubt. In my home page of wordpress I have 3 sections. In one of them Im writing some text and creating 4 text boxes, but I dont now how can I make them go vertically whem I go into the mobile version instead of horizontally like the pc version shows.

    Sorry I cant pass the url becuase my boss doesnt want to, the site is not yet launched and they dont want me to share the url with anybody until the launch, so sorry about that, I know this way its more dificult. But I can copy and paste the code I have written down for this so somebody can help me understand How can I make them responsive.

    this is the code I wrote in the section of the home.
    —————————————————————————-
    <h2 style=”font-weight: lighter; text-align: center;”><span style=”color: #e43230;”>Sunco´s team has a primary goal: develop projects that can guarantee maximum competitiveness regard the selling price of energy.</span></h2><p style=”font-size: 18px; text-align: center;”>With this purpose, we have created a first level team, focalized in four critic areas that creats value in the structuring and development of renewable projects.</p><p> </p><p style=”width: 25%; height: 60px; text-align: center; font-size: 1em; padding-top: 1.5%; background-color: #e43230; color: white; border: 1px solid white; border-radius: 10px;”>Development</p><p style=”width: 25%; height: 60px; text-align: center; font-size: 16px; padding-top: 1.5%; background-color: #e43230; color: white; position: relative; left: 25%; top: -76px; border: 1px solid white; border-radius: 10px;”>Construction & Design</p><p style=”width: 25%; height: 60px; text-align: center; font-size: 16px; padding-top: 1.5%; background-color: #e43230; color: white; position: relative; left: 50%; top: -152px; border: 1px solid white; border-radius: 10px;”>Energy Trading</p><p style=”width: 25%; height: 60px; text-align: center; font-size: 16px; padding-top: 1.5%; background-color: #e43230; color: white; position: relative; left: 75%; top: -228px; border: 1px solid white; border-radius: 10px;”>Financial Structuring</p><p style=”text-align: center; position: relative; top: -190px;”>Click here to meet our managment team</p>

Viewing 9 replies - 1 through 9 (of 9 total)
Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Help flex box or make responsive text boxes!’ is closed to new replies.